#5 研究各種UI元件

・ Segmented Control

切換分類的元件，比方選擇性別或者善惡。

1. Selected Tint：更改目前已選取的方塊顏色（圖片為預設白色）。
2. Segments：設定選擇數量。
3. Segment：選取你要的方塊加以修改內容。
4. Title：更改所選的方塊文字內容。
5. Image：以圖片取代方塊文字。

・Slider

滑動設定數值的元件，比方控制音樂的音量，螢幕的亮度等。

1. Value：目前所在數值。
2. Minimum：設定最小數值。
3. Maximum：設定最大數值。
4. Min Image：最小數值左方顯示的圖片。
5. Max Image：最大數值右方顯示的圖片。
6. Min Track：圓圈左邊滑動條的顏色。
7. Max Track：圓圈右邊滑動條的顏色。
8. Thumb Tint：白色圓圈的顏色設定。

・Switch

開關，比方設定是否打開 9:30 起床的鬧鐘。

1. State：選擇On或Off的狀態。
2. On Tint：打開時所顯示的滑軌顏色（預設On為綠色，Off為灰色）。
3. Thumb Tint：白色圓圈的顏色設定。

・Activity Indicator View

代表正在做某件事的進度條，例如搶票時的流量管制中。

1. Style：主體的尺寸大小。
2. Color：設定主體顏色（預設為灰色）。
3. Animating：勾選Animating會自動播放轉圈動畫。

・Progress View

顯示進度的進度條，比方資料下載的進度。

1. Style：預設為圓角長條滑軌，另一個選項bar為方形長條滑軌。
2. Progress：總進度數值。
3. Progress Tint：已完成的進度條顏色。
4. Track Tint：尚未完成的進度條顏色。
5. Progress Image：以圖片取代已完成的進度條。
6. Track Image：以圖片取代尚未完成的進度條。

・Visual Effect View with Blur

毛玻璃效果，也就是馬賽克。

Blur Style：模糊類型的選擇。

・Page Control

小圓點，顯示有幾個分頁和目前在第幾個分頁。

1. # of Pages：總頁數。
2. Current：目前所在頁數（白點位置）。
3. Hides for Single Page：當只有一個頁面時隱藏Page Control。
4. Tint Color：其他頁數的點點顏色（為圖片灰點位置）。
5. Current Page：目前所在頁數的點點顏色（為圖片白點位置）。

・Date Picker

時間選擇的元件。

1. Preferred Style：各種模式的選擇日期方式。
2. Mode：可設定選擇日期&時間，或者只選擇時間…等等。
3. Locale：可設定日期地區語言。
4. Interval：時間的間距。如設定為3分鐘，目前選擇的時間為14:21的話，則下一個為14:24。
5. Date：選擇的日曆預設為今日日期，也可設定指定日期。
6. Minimum Date：設定最早可選擇的時間。
7. Maximum Date：設定最晚可選擇的時間。

・Color Well

放置調色盤，讓用戶選擇顏色。