33-Swift之UIProgressView(进度条)

一、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()
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,173评论 25 709
  • “夜来南风起,小麦覆陇黄”。风吹,雨淋,日晒,麦浪不再翻滚,成熟的麦穗勾着沉甸甸的头,和裸露的大地融为一体...
    骏马悲嘶阅读 3,895评论 18 54
  • 运行rn代码的过程中,不小心关闭了终端:不用担心,其实只要你切到项目的根目录,命令行输入npm start即可,这...
    Smallwolf_JS阅读 4,274评论 0 2
  • 1、产品简介 1.1产品名称 分答 1.2产品Slogan 值得付费的语音问答,十万知识网红...
    leo_wait阅读 4,563评论 2 5
  • 2007年到2017年,秋,母亲十周年忌日。 十年前,母亲罹患胃癌,与病魔殊死抗争已久,终放下千钧万担,奔向那光明...
    徵之阅读 3,214评论 0 2