#5 研究UI元件(下)：Progress View、Page Control、Date Picker、Visual Effect View with Blur、Color Well

image credit:https://dribbble.com/shots/1134399-Color-Picker-UI-FREE-PSD

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模擬器打開後，左下角的色塊選擇就會顯示初始色。

Color選擇黑色，初始也會顯示黑色。

State要勾選「Enabled」，模擬器打開後才會跑出調色盤供點選。其他項目會增減調色盤的部分顯示，但影響不大。

學長姊筆記參考：

[201106] 就算是文組，有UI就沒問題了，對吧？

#5作業總算順利結束了QQ
Safari跟Medium很不合，連輸入法都會出問題啊…