Swift – 进度条(UIProgressView)的用法

(本文代码已升级至Swift5)

1、创建进度条

image.png

1
2
3
4
let progressView = UIProgressView(progressViewStyle: .default)
progressView.center = self.view.center
progressView.progress = 0.5 //默认进度50%
self.view.addSubview(progressView)
2、设置进度,同时有动画效果
1
progressView.setProgress(0.8, animated:true)
3、改变进度条颜色
1
2
progressView.progressTintColor = UIColor.green  //已有进度颜色
progressView.trackTintColor = UIColor.blue  //剩余进度颜色(即进度槽颜色)
4、设置进度条组件(UIProgressView)的宽度和高度

通常情况下,我们可以在初始化 progressView 的时候通过 frame 属性设置其宽度(进度条长度)。
比如下面样例,我在屏幕中放置一个横向宽度是200的进度条,其位置是水平居中。

1
2
3
4
5
6
7
8
//创建一个宽度是200的进度条
let myProgressView = UIProgressView(frame: CGRectMake(0, 0, 200, 10))
//设置进度条位置(水平居中)
myProgressView.layer.position = CGPoint(x: self.view.frame.width/2, y: 100)    
//进度条条进度
myProgressView.progress = 0.3
//把进度条添加到view中来
self.view.addSubview(myProgressView)

但我们会发现无论如何设置 progressView 的高度,其最终显示出来的高度都不会变化。所以如果想改变高度,可以换个思路,通过改变 progressView 的 scale(缩放比例)来实现。
下面样例将进度条高度调整到默认的5倍。

1
2
//通过变形改变进度条高度( 横向宽度不变,纵向高度变成默认的5倍)
progressView.transform = CGAffineTransform(scaleX: 1.0, y: 5.0)

原文出自:www.hangge.com