1,创建进度条

1
2
3
4
var progressView=UIProgressView(progressViewStyle:UIProgressViewStyle.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.greenColor()  //已有进度颜色
progressView.trackTintColor=UIColor.blueColor()  //剩余进度颜色(即进度槽颜色)

4,设置progressView的宽度(进度条长度)

通常情况下,我们可以在初始化 progressView 的时候通过 frame 属性设置其宽度(进度条长度)。
比如下面样例,我在屏幕中放置一个横向宽度是200的进度条,其位置是水平居中。
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import UIKit
 
class ViewControllerUIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
         
        //将背景设为黑色
        self.view.backgroundColor = UIColor.blackColor()
         
        //创建一个宽度是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)
    }
 
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
}

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

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
import UIKit
 
class ViewControllerUIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
         
        //将背景设为黑色
        self.view.backgroundColor = UIColor.blackColor()
         
        //创建一个宽度是200的进度条
        let myProgressView = UIProgressView(frame: CGRectMake(0, 0, 200, 10))
         
        //设置进度条位置(水平居中)
        myProgressView.layer.position = CGPoint(x: self.view.frame.width/2, y: 100)
         
        //通过变形改变进度条高度( 横向宽度不变,纵向高度变成默认的5倍)
        myProgressView.transform = CGAffineTransformMakeScale(1.0, 5.0)
         
        //进度条条进度
        myProgressView.progress = 0.3
         
        //把进度条添加到view中来
        self.view.addSubview(myProgressView)
    }
 
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

 

Swift - 进度条(UIProgressView)的用法的更多相关文章

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

    Swift中,除了条形进度条外,还有环形进度条,效果图如下: 1,环形进度条的基本属性 (1)Style: Large White:比较大的白色环形进度条 White:白色环形进度条 Gray:灰色环 ...

  2. UIProgressView(进度条控件)

    UIProgressView *pr=[[UIProgressView alloc]init]; pr.frame=CGRectMake(150.0, 190.0, 130.0, 30.0);//进度 ...

  3. UIProgressView[进度条][一般型];UIStepper步数器][事件驱动型]

    ////  ViewController.m//  ProgressAndSteper////  Created by hehe on 15/9/21.//  Copyright (c) 2015年 ...

  4. 进度条(ProgressBar)的功能与用法

    进度条也是UI界面中一种非常实用的组件,通常用于向用户显示某个耗时操作完成的的百分比.进度条可以动态的显示进度,因此避免长时间的执行某个耗时的操作,让用户感觉程序失去了响应,从而更好的提高用户界面的友 ...

  5. ios swift 实现饼状图进度条,swift环形进度条

    ios swift 实现饼状图进度条 // // ProgressControl.swift // L02MyProgressControl // // Created by plter on 7/2 ...

  6. UIProgressView进度条

    //非原创 UIProgressView顾名思义用来显示进度的,如音乐,视频的播放进度,和文件的上传下载进度等. 下面以一个简单的实例来介绍UIprogressView的使用. @interface  ...

  7. Swift - 通过叠加UILabel来实现混合的进度条

    Swift - 通过叠加UILabel来实现混合的进度条 效果 源码 https://github.com/YouXianMing/Swift-Animations // // MixedColorP ...

  8. iOS WKWebView 加载进度条、导航栏返回&关闭 (Swift 4)

    导航: 1.加载进度条 2.导航栏增加返回.关闭按钮 加载进度条 效果图 代码如下: self.progressView.trackTintColor = UIColor.white self.pro ...

  9. [Swift通天遁地]一、超级工具-(2)制作美观大方的环形进度条

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

随机推荐

  1. TCP协议中的三次握手和四次挥手(图解)

    建立TCP需要三次握手才能建立,而断开连接则需要四次握手.整个过程如下图所示: 先来看看如何建立连接的. 首先Client端发送连接请求报文,Server段接受连接后回复ACK报文,并为这次连接分配资 ...

  2. Cocos2d-X3.0 刨根问底(四)----- 内存管理源码分析

    本系列文章发表以来得到了很多朋友的关注,小鱼在这里谢谢大家对我的支持,我会继续努力的,最近更新慢了一点,因为我老婆流产了抽了很多时间来照顾她希望大家谅解,并在此预祝我老婆早日康复. 上一篇,我们完整的 ...

  3. Map工具系列-06-销售营改增历史数据处理工具

    所有cs端工具集成了一个工具面板 -打开(IE) Map工具系列-01-Map代码生成工具说明 Map工具系列-02-数据迁移工具使用说明 Map工具系列-03-代码生成BySQl工具使用说明 Map ...

  4. log4j配置文件加载

    log4j的jar包内部包含preference默认配置,使用者可以通过log4j.xml或log4j.properties来指定自己的配置.xml比properties优先.另外注意java读取pr ...

  5. jQuery倒计时插件

    倒计时jQuery插件 引言 最近又换工作了,还不错,我换工作的次数其实有点频繁,2014年7月份毕业,到现在工作已经换了3份了,工资跟刚毕业时候相比也涨了点儿,最近一次换工作我离开了深圳,来到了北京 ...

  6. TypeScript Generics(泛型)

    软件工程的一个主要部分就是构建组件,构建的组件不仅需要具有明确的定义和统一的接口,同时也需要组件可复用.支持现有的数据类型和将来添加的数据类型的组件为大型软件系统的开发过程提供很好的灵活性. 在C#和 ...

  7. HTML-一个网页的头部的大概框架(完善ing)

    正常情况下,一个头部(考虑兼容.响应.title图标的需求),所要填写的内容如下: <!DOCTYPE html> <html> <head> <meta c ...

  8. windows系统在python3.5环境下安装mysql组件

    折腾了一个多小时,终于把连接Mysql的模块装好了,由于我的环境是python3.5,Mysql官方支持到python3.4,后面google查到有pymysql模快支持python3.5,这个模块是 ...

  9. Pandas-数据整理

    Pandas包对数据的常用整理功能,相当于数据预处理(不包括特征工程) 目录 丢弃值 drop() 缺失值处理 isnull() & notnull() dropna() fillna() 值 ...

  10. 解决table不能换行的问题与CSS之自动换行总结

    table不能换行问题 一般是:一行里面全是数字或是字母或者结尾有多个感叹号而导致 table不能换行,中文默认的会自动换行的,字母不能换行问题:style="table-layout:fi ...