Swift - 环形进度条（UIActivityIndicatorView）的用法

2015-04-15 发布：hangge 阅读：8090

Swift中，除了条形进度条外，还有环形进度条，效果图如下：

1，环形进度条的基本属性

（1）Style：

Large White：比较大的白色环形进度条

White：白色环形进度条

Gray：灰色环形进度条

（2）Color：

设置环形进度条的颜色

（3）Behavior：

Animating：勾选后环形进度条开始转动

Hides When Stopped：勾选后当环形进度条停止转动时自动隐藏

2，使用样例

import UIKit

class ViewController: UIViewController {

    var activityIndicator:UIActivityIndicatorView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        activityIndicator = UIActivityIndicatorView(activityIndicatorStyle:
            UIActivityIndicatorViewStyle.Gray)
        activityIndicator.center=self.view.center
        self.view.addSubview(activityIndicator);
        
        play()
    }
    
    func play(){
        //进度条开始转动
        activityIndicator.startAnimating()
    }
    
    func stop(){
        //进度条停止转动
        activityIndicator.stopAnimating()
    }
	
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

3，实现点击进度条将其停止
通常我们处理一些费时的任务，或者请求数据的时候，会在页面上显示个环形进度条。

但如果想要让用户点击这个进度条，来停止进度条，终止任务。可以在其上面添加个点击手势即可:

//单击监听
let tapSingle=UITapGestureRecognizer(target:self,action:"stop")
tapSingle.numberOfTapsRequired=1
tapSingle.numberOfTouchesRequired=1
activityIndicator.addGestureRecognizer(tapSingle)

如果想在页面上任意地方点击都停止进度条，那就在view上添加点击手势即可：

self.view.addGestureRecognizer(tapSingle)

3楼

2016-05-03 11:27

linjoe

站长，这个可以换成自定义的图片进行循环转动吗，类似于连接网络那种自动停止的

站长回复：
这个不能替换成自定义图形，需要的话可以自定义一个组件来实现（让图片循环转动就好了）。
2楼

2015-12-04 18:55

张三

UIActivityIndicatorView请问这个能在转动的时候。用户点击了。就停止转动吗.

站长回复：
默认点击没用。不过你可以给它添加个点击的手势，点击后出发停止方法。我文章已更新相关样例。
1楼

2015-11-19 00:00

colin

打算把swift相关文章都看一遍，要是有比较完整的项目demo就更好了

站长回复：
谢谢你的建议，后面会考虑的。目前文章主要以Swfit的知识点划分，后面还会持续更新的。相信你看完会有收获的。