#5 研究UI元件(下):Progress View、Page Control、Date Picker、Visual Effect View with Blur、Color Well
Progress View(進度條)
1-Style:兩種進度條樣式選擇。
2-Progress:顯示進度值。最大值為1。
3-Progress Tint:進度值的顏色。
4-Track Tint:進度條軌道顏色。
5-Progress Image:???
6-Track Image:???
5、6我是眼睛業障重嗎?總之不管怎麼按都沒有顯示任何反應,希望文組班畢業時能得到解答XD
Page Control(分頁控制)
1-# of Pages:總頁數。
2-Current:當前頁數。單位從0計算,所以選擇頁數時得-1。ex.第三個點會顯示2。
3-Hides for Single Page:當顯示頁數只有一頁時,會隱藏分頁控制UI。
4-Tint Color:總頁數顏色。
5-Current Page:當前頁數顏色。
Date Picker(日期選擇)
1-Preferred Style:共三種樣式可選擇。自動都是預設Compact。
2-Mode:四個模式可選擇,有日期+時間、倒數計時器等等。
3-Locale:選擇時區。
4-Interval:時間間隔。
5-Date:顯示當前時間or自訂。
6-Minimum Date:自訂過去日期時間。Mode選擇計時器則不顯示。
7-Maximum Date:自訂未來日期時間。Mode選擇計時器則不顯示。
Visual Effect View with Blur(毛玻璃效果)
一種朦朧的霧霧美感。
讓我們召喚高中生名偵探工藤新一。
使用毛玻璃效果後,可以一秒色色。
Blur Style可以選擇不同的效果,用滿版毛玻璃比較容易看出變化。Alpha可以調透明度。
Color Well(顏色選擇)
Color可以自訂初始顏色,APP模擬器打開後,左下角的色塊選擇就會顯示初始色。
State要勾選「Enabled」,模擬器打開後才會跑出調色盤供點選。其他項目會增減調色盤的部分顯示,但影響不大。
學長姊筆記參考:
#5作業總算順利結束了QQ
Safari跟Medium很不合,連輸入法都會出問題啊…