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

Posted 2023-03-14

【中文标题】如何在集合视图的底部/页脚中添加 uiactivity 指示器？

【英文标题】：how could I add a uiactivity indicator in in bottom/footer of collection view?

【发布时间】：2017-06-27 14:11:16

【问题描述】：

我是 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】：

将以下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)