如何在集合视图的底部/页脚中添加一个uiactivity指示器?

时间:2017-06-27 14:11:17

标签: ios swift swift3 uicollectionview uiactivityindicatorview

我是swift的新手。我无法想象我该怎么做。基本上我需要显示uiactivity指标当集合视图加载所有数据然后你尝试滚动然后显示uiactivity指标。这意味着从网上加载更多数据只是等待。

我做了什么。

 ///define 
   var indicatorFooter : UIActivityIndicatorView!

   //set up  UIActivityIndicatorView to the collection view 
    override func setupViews() {

        indicatorFooter = UIActivityIndicatorView(frame: CGRect(x: CGFloat(0), y: CGFloat(0), width: CGFloat(collectionView.frame.width), height: CGFloat(44)))
        indicatorFooter.color = UIColor.black

        collectionView.addSubview(indicatorFooter)

    }


    //end of the scroll view then load next 20 data from api 
     func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {

            // UITableView only moves in one direction, y axis
            let currentOffset = scrollView.contentOffset.y
            let maximumOffset = scrollView.contentSize.height - scrollView.frame.size.height

            // Change 10.0 to adjust the distance from bottom
            if maximumOffset - currentOffset <= 10.0 {
                self.loadMore()
            }

        }

        //request web to down load data 
        func loadMore(){
             //but it is not working  indicator 
             indicatorFooter.startAnimating()


        }

1 个答案:

答案 0 :(得分:0)

将以下extension添加到您的代码中:

extension UIView {

    // MARK: Activity Indicator

    func activityIndicator(show: Bool) {
        activityIndicator(show: show, style: .gray)
    }

    func activityIndicator(show: Bool, style: UIActivityIndicatorViewStyle) {
        var spinner: UIActivityIndicatorView? = viewWithTag(NSIntegerMax - 1) as? UIActivityIndicatorView

        if spinner != nil {
            spinner?.removeFromSuperview()
            spinner = nil
        }

        if spinner == nil && show {
            spinner = UIActivityIndicatorView.init(activityIndicatorStyle: style)
            spinner?.translatesAutoresizingMaskIntoConstraints = false
            spinner?.hidesWhenStopped = true
            spinner?.tag = NSIntegerMax - 1

            if Thread.isMainThread {
                spinner?.startAnimating()
            } else {
                DispatchQueue.main.async {
                    spinner?.startAnimating()
                }
            }

            insertSubview((spinner)!, at: 0)

            NSLayoutConstraint.init(item: spinner!, attribute: .centerX, relatedBy: .equal, toItem: self, attribute: .centerX, multiplier: 1.0, constant: 0.0).isActive = true
            NSLayoutConstraint.init(item: spinner!, attribute: .centerY, relatedBy: .equal, toItem: self, attribute: .centerY, multiplier: 1.0, constant: 0.0).isActive = true

            spinner?.isHidden = !show
        }
    }

}

要向您的collectionView添加微调器,您只需拨打:

collectionView.activityIndicator(show: true)