Swift4.0學習筆記(八)——進度條(UIProgressView)

1.聲明控件

進度條有兩種樣式

  • bar
  • default
    兩種樣式使用效果如下:
self.view.backgroundColor = UIColor.red
progressView = UIProgressView(progressViewStyle: .default)
progressView.frame = CGRect(x: 0, y: 0, width: 200, height: 10)
progressView.layer.position = CGPoint(x: self.view.frame.width/2, y: 90)
progressView.progress = 0.5
self.view.addSubview(progressView)
        
progressView2 = UIProgressView(progressViewStyle: .bar)
progressView2.frame = CGRect(x: 0, y: 0, width: 200, height: 20)
progressView2.layer.position = CGPoint(x: self.view.frame.width/2, y: 110)
progressView2.progress = 0.5
self.view.addSubview(progressView2)

運行效果:


進度條樣式
2.啟用進度條加載動畫
progressView.setProgress(0.5, animated: true)
3.改變進度條顏色
progressView.progressTintColor = UIColor.green //進度顏色
progressView.trackTintColor = UIColor.yellow //剩余進度顏色
設置進度條顏色
4.設置progressView的高度

其實細心的小伙伴應該已經(jīng)發(fā)現(xiàn)片挂,在聲明控件的時候,第一個height:10贞盯,第二個heigth:20音念,從截圖上來看兩個的高度并沒有差異,所以通過設置progressView的高度并不能達到目的躏敢,不過我們可以通過改變 progressView 的 scale(縮放比例)來實現(xiàn)高度的變化

progressView = UIProgressView(progressViewStyle: .default)
progressView.frame = CGRect(x: 0, y: 0, width: 200, height: 10)
progressView.layer.position = CGPoint(x: self.view.frame.width/2, y: 90)
progressView.setProgress(0.5, animated: true)
progressView.progressTintColor = UIColor.green //進度顏色
progressView.trackTintColor = UIColor.yellow //剩余進度顏色
//通過改變進度條高度(寬度不變闷愤,高度變?yōu)槟J的2倍)
progressView.transform = CGAffineTransform(scaleX: 1.0, y: 2.0)
self.view.addSubview(progressView)
        
progressView2 = UIProgressView(progressViewStyle: .bar)
progressView2.frame = CGRect(x: 0, y: 0, width: 200, height: 20)
progressView2.layer.position = CGPoint(x: self.view.frame.width/2, y: 110)
progressView2.progress = 0.5
self.view.addSubview(progressView2)
改變進度條高度
5.其它

推薦一個自定義的進度條樣式:http://www.code4app.com/thread-6304-1-1.html 是用OC實現(xiàn)的,在使用的過程中可能大伙還得先熟悉一下swift中使用oc控件

帶小標簽的進度條

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末件余,一起剝皮案震驚了整個濱河市讥脐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌啼器,老刑警劉巖旬渠,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異端壳,居然都是意外死亡告丢,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進店門损谦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來岖免,“玉大人,你說我怎么就攤上這事成翩∶倮Γ” “怎么了?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵麻敌,是天一觀的道長栅炒。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么赢赊? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任乙漓,我火速辦了婚禮,結果婚禮上释移,老公的妹妹穿的比我還像新娘叭披。我一直安慰自己,他們只是感情好玩讳,可當我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布涩蜘。 她就那樣靜靜地躺著,像睡著了一般熏纯。 火紅的嫁衣襯著肌膚如雪同诫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天樟澜,我揣著相機與錄音误窖,去河邊找鬼。 笑死秩贰,一個胖子當著我的面吹牛霹俺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播毒费,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼丙唧,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蝗罗?” 一聲冷哼從身側(cè)響起艇棕,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎串塑,沒想到半個月后沼琉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡桩匪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年打瘪,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片傻昙。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡闺骚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出妆档,到底是詐尸還是另有隱情僻爽,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布贾惦,位于F島的核電站胸梆,受9級特大地震影響敦捧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜碰镜,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一兢卵、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧绪颖,春花似錦秽荤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至牍氛,卻和暖如春雁乡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背糜俗。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留曲饱,地道東北人悠抹。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像扩淀,于是被迫代替她去往敵國和親楔敌。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫驻谆、插件卵凑、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,065評論 4 62
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,789評論 25 707
  • 東山嶺前段時間來了小沙彌勺卢,今天來了這位小施主。從八點多到下午三點多都在東山嶺象对,小施主說想在潮音寺玩黑忱,在酒店的時候還...
    你肩上的風閱讀 478評論 0 0
  • 你有什么特別難以忘懷的事情嗎甫煞?那份放不下或許是一份愧疚,一個走遠的人… 朋友跟我說冠绢,她的前男友結婚了抚吠,在朋友圈曬了...
    暖向陽閱讀 257評論 0 0
  • 只要我做了關于能中獎的夢,我一定要去買彩票〉苷停現(xiàn)在我給大家分享一下楷力,夢到什么能中獎喊式。 1,夢到樹上有紅棗弥雹,鉤下來吃紅...
    石頭縫里的小嫩芽變大樹閱讀 373評論 2 2