ios - custom - activity indicator swift 4

¿Cómo mostrar el indicador de actividad mientras se carga tableView?

Question

Cuando cambio entre mis pestañas, se cargan algunos segundos y quiero saber que mis datos se están cargando. Para eso decidí agregar un indicador de actividad.

Escribí una pequeña función:

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()
    }
}

Eso mostrará mi indicador. Y trate de usarlo cuando pulsé desde mi infoController al botón:

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

Lo muestro antes de segue realizar y ocultar después. No me ayuda Cuando intenté usar la sincronización:

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

Pero tampoco ayuda. Cuando presiono para tabular, la opacidad se convierte en 0.5 y espero mientras se carga. Pero no veo mi indicador de actividad.

¿Cuál es el problema?

Answer 1

Este código puede ayudarte :)

   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()

Answer 2

La respuesta de @ brocolli para swift 4.0. Debe usar objc_ antes de obtener o configurar objetos asociados. Según la documentación, las API de obtención y configuración del objeto asociado en Swift son:

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

Implementación:

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) } } }

Answer 3

Otro enfoque, en mi código, agregué una extensión para 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()
            }
        }
    }
}

Nota: Mi vista de tabla está incrustada en una vista UIV (supervisión)

Answer 4

Para colocar el UIActivityIndicator en primer plano, incluso sobre los eventuales separadores UITableViewController, he adoptado esta solución.

• He agregado el UIActivityIndicator programáticamente, y lo agrego como una subvista de mi UINavigationController

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

• Acabo de iniciarlo y detenerlo cuando sea necesario (en mi caso):

  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)
          }
  
      }
  }

PD. Mi entorno es Xcode 10.0, iOS 12.0

Answer 5

Solo prueba esto:

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)    
}

Y donde quieres empezar a animar.

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

Para la parada:

indicator.stopAnimating()
indicator.hidesWhenStopped = true

Nota: Evite las llamadas de inicio y parada en el mismo tiempo. Solo dale algunas condiciones.

Answer 6

Swift 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()

        }
        ...
    }

Answer 7

Utilizando "lazy var". Es mejor que funcion

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
}()

Simplemente comienza el spinner en cualquier lugar

Me gusta esto

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

Answer 8

RÁPIDO

Coloca esto debajo de tu clase:

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

Coloca esto en tu 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()

En mi caso, estoy solicitando objetos json a través de una solicitud de función, por lo que coloqué esto al final de esa función para eliminar el indicador de actividad una vez que se cargan los datos:

self.indicator.stopAnimating()
self.indicator.hidesWhenStopped = true

Answer 9

Swift 3.0

// Extensión 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)
        }
    }
}

// Extensión de 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
    }
}

iniciar la animación

tableView.activityIndicatorView.startAnimating()

detener la animación

tableView.activityIndicatorView.stopAnimating()

Puedes encontrar más código en Magic

Answer 10

 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
}