美文网首页花落√莫相思
33-Swift之UIProgressView(进度条)

33-Swift之UIProgressView(进度条)

作者: NetWork小贱 | 来源:发表于2017-06-20 14:29 被阅读59次

一、UIProgressView 进度条介绍

在App开发中,进度条的是使用让用户可以清晰的知道,一件事情的进度。

二、UIProgressView的属性和方法

1、初始化

1、快捷初始化
let NWProgressView = UIProgressView.init(progressViewStyle: .default)
2、普通初始化
let NWProgressView = UIProgressView.init()

2、设置大小

NWProgressView.frame = CGRect.init(x: 10, y: 70, width: self.view.bounds.size.width-20, height: 10)

3、设置进度值

/**
 设置进度
 默认为 0.0,其取值范围是 0.0~1.0
*/
 NWProgressView.progress = 0.5
 NWProgressView.setProgress(0.5, animated: true)

4、进行渲染

self.view.addSubview(NWProgressView)

渲染后的结果如图:

Simulator Screen Shot 2017年6月20日 下午2.10.24.png

5、进度条颜色设置

1、当前进度轨道颜色设置
/**
 设置现有进度的轨道颜色
 */
NWProgressView.progressTintColor = UIColor.purple
2、还没有达到的轨道颜色设置
/**
 设置还没有达到的进度的颜色
 */
NWProgressView.trackTintColor = UIColor.red

设置完的效果:

Simulator Screen Shot 2017年6月20日 下午2.13.29.png

6、轨道图片的设置

1、当前轨道图片设置
/**
 设置当前进度的轨道的图片
 */
NWProgressView.progressImage = UIImage.init(named: "1.png")

2、设置还未达到的轨道图片

/**
 设置还没有达到的进度轨道的图片
 */
NWProgressView.trackImage = UIImage.init(named: "2.png")

效果图:

A141A230-6C15-4B11-9310-A6A7B4F97BA8.png

7、自动更新进度值

/**
 进度视图更新进度值自动使用它收到的信息进步对象
 */
NWProgressView.observedProgress = Progress.current()

相关文章

网友评论

    本文标题:33-Swift之UIProgressView(进度条)

    本文链接:https://www.haomeiwen.com/subject/oiwoqxtx.html