当前位置: > > > Swift - 环形进度条(UIActivityIndicatorView)的用法

Swift - 环形进度条(UIActivityIndicatorView)的用法

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
  • 3楼
    2016-05-03 11:27
    linjoe

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

    站长回复

    这个不能替换成自定义图形,需要的话可以自定义一个组件来实现(让图片循环转动就好了)。

  • 2楼
    2015-12-04 18:55
    张三

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

    站长回复

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

  • 1楼
    2015-11-19 00:00
    colin

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

    站长回复

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