web-dev-qa-db-ja.com

tableViewのロード中にアクティビティインジケータを表示する方法は？

タブを切り替えると、数秒読み込まれ、データが読み込まれていることを知りたいです。そのために、アクティビティインジケータを追加することにしました。

私は少し関数を書きました：

func showActivityIndicator() {
    dispatch_async(dispatch_get_main_queue()) {
        self.spinner = UIActivityIndicatorView(activityIndicatorStyle: .WhiteLarge)
        self.spinner.frame = CGRect(x: 0.0, y: 0.0, width: 80.0, height: 80.0)
        self.spinner.center = CGPoint(x:self.loadingView.bounds.size.width / 2, y:self.loadingView.bounds.size.height / 2)

        self.loadingView.addSubview(self.spinner)
        self.view.addSubview(self.loadingView)
        self.spinner.startAnimating()
    }
}

インジケーターが表示されます。そして、infoControllerからボタンにタップしたときにそれを使用してみてください：

@IBAction func goToMainFromInfo(sender: AnyObject) {
        self.showActivityIndicator()
        self.performSegueWithIdentifier("fromMainToInfoWActivity", sender: nil)
        self.hideActivityIndicator()
    }
}

セグエ演奏の前にそれを見せ、その後隠します。それは私を助けません。同期を使用しようとしたとき：

@IBAction func goToMainFromInfo(sender: AnyObject) {
    dispatch_async(dispatch_get_main_queue()) {
        self.showActivityIndicator()
        self.performSegueWithIdentifier("fromMainToInfoWActivity", sender: nil)
        self.hideActivityIndicator()
    }
}

しかし、それも助けにはなりません。 Tabキーを押して不透明度が0.5になり、読み込み中に待機します。しかし、アクティビティインジケータが表示されません。

何が問題ですか？

iosuitableviewswiftuiactivityindicatorview
32
Orkhan Alizade

これを試してください：

var indicator = UIActivityIndicatorView()

func activityIndicator() {
    indicator = UIActivityIndicatorView(frame: CGRectMake(0, 0, 40, 40))
    indicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.Gray
    indicator.center = self.view.center
    self.view.addSubview(indicator)    
}

そして、アニメーションを開始したい場所

indicator.startAnimating()
indicator.backgroundColor = UIColor.whiteColor()

停止する場合：

indicator.stopAnimating()
indicator.hidesWhenStopped = true

注： startとstopを同時に呼び出さないようにします。いくつかの条件を与えてください。

Swift：4.2これを試してください：

var indicator = UIActivityIndicatorView()

func activityIndicator() {
    indicator = UIActivityIndicatorView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
    indicator.style = UIActivityIndicatorView.Style.gray
    indicator.center = self.view.center
    self.view.addSubview(indicator)   
}

そして、アニメーションを開始したい場所

indicator.startAnimating()
indicator.backgroundColor = .white

停止する場合：

indicator.stopAnimating()
indicator.hidesWhenStopped = true
50
Lydia

Swift 3.0

// UIView拡張

_fileprivate var ActivityIndicatorViewAssociativeKey = "ActivityIndicatorViewAssociativeKey"
public extension UIView {
   var activityIndicatorView: UIActivityIndicatorView {
        get {
            if let activityIndicatorView = getAssociatedObject(&ActivityIndicatorViewAssociativeKey) as? UIActivityIndicatorView {
                return activityIndicatorView
            } else {
                let activityIndicatorView = UIActivityIndicatorView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
                activityIndicatorView.activityIndicatorViewStyle = .gray
                activityIndicatorView.color = .gray
                activityIndicatorView.center = center
                activityIndicatorView.hidesWhenStopped = true
                addSubview(activityIndicatorView)

                setAssociatedObject(activityIndicatorView, associativeKey: &ActivityIndicatorViewAssociativeKey, policy: .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
                return activityIndicatorView
            }
        }

        set {
            addSubview(newValue)
            setAssociatedObject(newValue, associativeKey:&ActivityIndicatorViewAssociativeKey, policy: .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        }
    }
}
_

// NSObject拡張

_public extension NSObject {
    func setAssociatedObject(_ value: AnyObject?, associativeKey: UnsafeRawPointer, policy: objc_AssociationPolicy) {
        if let valueAsAnyObject = value {
            objc_setAssociatedObject(self, associativeKey, valueAsAnyObject, policy)
        }
    }

    func getAssociatedObject(_ associativeKey: UnsafeRawPointer) -> Any? {
        guard let valueAsType = objc_getAssociatedObject(self, associativeKey) else {
            return nil
        }
        return valueAsType
    }
}
_

アニメーションの開始

tableView.activityIndicatorView.startAnimating()

アニメーションの停止

tableView.activityIndicatorView.stopAnimating()

より多くのコードは Magic で見つけることができます

18
broccoli

スイフト2+

    class ViewController: UITableViewController {
        weak var activityIndicatorView: UIActivityIndicatorView!

        override func viewDidLoad() {
            super.viewDidLoad()
            let activityIndicatorView = UIActivityIndicatorView(activityIndicatorStyle: UIActivityIndicatorViewStyle.Gray)
            tableView.backgroundView = activityIndicatorView
            self.activityIndicatorView = activityIndicatorView
            activityIndicatorView.startAnimating()

        }
        ...
    }
14
Ragul

スイフト

これをクラスの下に配置します。

let indicator:UIActivityIndicatorView = UIActivityIndicatorView  (activityIndicatorStyle: UIActivityIndicatorViewStyle.Gray)

これをloadView（）に配置します。

indicator.color = UIColor .magentaColor()
indicator.frame = CGRectMake(0.0, 0.0, 10.0, 10.0)
indicator.center = self.view.center
self.view.addSubview(indicator)
indicator.bringSubviewToFront(self.view)
indicator.startAnimating()

私の場合、funcリクエストを介してjsonオブジェクトをリクエストしているため、これを関数の最後に配置して、データが読み込まれたらアクティビティインジケーターを削除します。

self.indicator.stopAnimating()
self.indicator.hidesWhenStopped = true
2
A.J. Hernandez

別のアプローチとして、私のコードにUITableView（Swift 2.3）の拡張機能を追加しました。

extension UITableView {
    func activityIndicator(center: CGPoint = CGPointZero, loadingInProgress: Bool) {
        let tag = 12093
        if loadingInProgress {
            var indicator = UIActivityIndicatorView()
            indicator = UIActivityIndicatorView(frame: CGRectMake(0, 0, 40, 40))
            indicator.tag = tag
            indicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyle.WhiteLarge
            indicator.color = //Your color here
            indicator.center = center
            indicator.startAnimating()
            indicator.hidesWhenStopped = true
            self.superview?.addSubview(indicator)
        }else {
             if let indicator = self.superview?.viewWithTag(tag) as? UIActivityIndicatorView { {
                indicator.stopAnimating()
                indicator.removeFromSuperview()
            }
        }
    }
}

注：私のtableviewはUIView（スーパービュー）に埋め込まれています

2
Ali Abbas

このコードはあなたを助けることができます:)

   let indicator:UIActivityIndicatorView = UIActivityIndicatorView  (activityIndicatorStyle: UIActivityIndicatorViewStyle.Gray) 
   indicator.color = UIColor .magentaColor()
   indicator.frame = CGRectMake(0.0, 0.0, 10.0, 10.0)
   indicator.center = self.view.center
   self.view.addSubview(indicator)
   indicator.bringSubviewToFront(self.view)
   indicator.startAnimating()
2
Shanmugasundharam
 func setupSpinner(){
    spinner = UIActivityIndicatorView(frame: CGRect(x: 0, y: 0, width: 40, height:40))
    spinner.color = UIColor(Colors.Accent)
    self.spinner.center = CGPoint(x:UIScreen.main.bounds.size.width / 2, y:UIScreen.main.bounds.size.height / 2)
    self.view.addSubview(spinner)
    spinner.hidesWhenStopped = true
}
1
Ahmed Lotfy

更新Swift 4.2：

1. viewDidLoadでactivityIndi​​cator関数を呼び出します
例えば：

var indicator = UIActivityIndicatorView()
override func viewDidLoad() {
    //Initializing the Activity Indicator
    activityIndicator()
    //Starting the Activity Indicator
    indicator.startAnimating()
    //Call Your WebService or API
    callAPI()
}

ActivityIndi​​catorをサブビューとして追加するためのコードは次のとおりです。

func activityIndicator() {
            indicator = UIActivityIndicatorView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
            indicator.style = UIActivityIndicatorView.Style.whiteLarge
            indicator.color = .red
            indicator.center = self.view.center
            self.view.addSubview(indicator)
    }

2. UI関連の操作またはAPI呼び出しを行い、アクティビティインジケーターを停止する

    func callAPI() {     
        YourModelClass.fetchResult(someParams, 
        completionHandler: { (response) in 
        //Do necessary UIUpdates
        //And stop Activity Indicator
        self.indicator.stopAnimating()
        })
    }
1
BharathRao

Swift 4.0に対する@brocolliの回答。関連オブジェクトを取得または設定する前に、objc_を使用する必要があります。ドキュメントによると、Swiftの関連オブジェクトを取得および設定するAPIは次のとおりです。

func objc_getAssociatedObject(object: AnyObject!,
                                 key: UnsafePointer<Void>
                             )  -> AnyObject!

func objc_setAssociatedObject(object: AnyObject!,
                                 key: UnsafePointer<Void>,
                               value: AnyObject!,
                              policy: objc_AssociationPolicy)

実装：

import UIKit

fileprivate var ActivityIndicatorViewAssociativeKey = "ActivityIndicatorViewAssociativeKey"

extension UIView {
    var activityIndicatorView: UIActivityIndicatorView {
        get {
            if let activityIndicatorView = objc_getAssociatedObject(self, &ActivityIndicatorViewAssociativeKey) as? UIActivityIndicatorView {
                return activityIndicatorView
            } else {
                let activityIndicatorView = UIActivityIndicatorView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
                activityIndicatorView.activityIndicatorViewStyle = .gray
                activityIndicatorView.color = .gray
                activityIndicatorView.center = center
                activityIndicatorView.hidesWhenStopped = true
                addSubview(activityIndicatorView)

                objc_setAssociatedObject(self, &ActivityIndicatorViewAssociativeKey, activityIndicatorView, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
                return activityIndicatorView
            }
        }

        set {
            addSubview(newValue)
            objc_setAssociatedObject(self, &ActivityIndicatorViewAssociativeKey, newValue, .OBJC_ASSOCIATION_RETAIN_NONATOMIC)
        }

    }
}
0
apurva kochar

UIActivityIndi​​catorをフォアグラウンドに配置するために、最終的なUITableViewControllerセパレーターの上にも、このソリューションを採用しました。

  • UIActivityIndi​​catorをプログラムで追加し、UINavigationControllerのサブビューとして追加しました

    var activityIndicator: UIActivityIndicatorView!

override func viewDidLoad() {
   super.viewDidLoad()
   // Code
   // .... omissis

   // Set activity indicator
   activityIndicator = UIActivityIndicatorView(style: .whiteLarge)
   activityIndicator.color = UIColor.darkGray
   activityIndicator.center = tableView.center
   activityIndicator.hidesWhenStopped = true
   activityIndicator.stopAnimating()
   self.navigationController?.view.addSubview(activityIndicator)
}

  • 私は必要なときにそれを開始および停止しました（私の場合）：

    func animateActivityIndicator(_ sender: Any ) {
   guard let vc = sender as? UIViewController else { return }
   if let v = vc as? MyTableViewController {
       if v.activityIndicator.isAnimating {
           v.activityIndicator.stopAnimating()
       } else {
           v.activityIndicator.startAnimating()
       }
   }
   // Others UIViewController or UITableViewController follows...
   // all of them exhibits an activityIndicator variable
   // implemented programmatically or with the storyboard
}

PS。私の環境はXcode 10.0、iOS 12.0です

0
Giuseppe Beccari

「lazy var」を使用します。機能よりも良い

fileprivate lazy var activityIndicatorView: UIActivityIndicatorView = {
    let activityIndicatorView = UIActivityIndicatorView(activityIndicatorStyle: .gray)
    activityIndicatorView.hidesWhenStopped = true

    // Set Center
    var center = self.view.center
    if let navigationBarFrame = self.navigationController?.navigationBar.frame {
        center.y -= (navigationBarFrame.Origin.y + navigationBarFrame.size.height)
    }
    activityIndicatorView.center = center

    self.view.addSubview(activityIndicatorView)
    return activityIndicatorView
}()

どこでもスピナーを起動するだけ

このような

func requestData() {
  // Request something
  activityIndicatorView.startAnimating()
}
0
Den Jo