摸摸UI 元件_segmented control, slider, Switch, Activity Indicator View, Progress View, Visual Effect View with Blur, Page Control, Date Picker

|1.segmented control : 類別元件 ex.性別

1. Segments 設定類別的數量
   如果改成「3」, 就變成三個類別了

segments的數值改為3, 畫面上的按鈕就會變成這樣三格囉

2. Segment 類別：右手邊的上下箭頭可選擇類別，由左至右的序號為0>1>2

3. Title：類別的名稱

4. Image：可以加上圖片（按鈕底圖的概念）
5. Selected：載入時會先被選取（藍底白字就是被選取的狀態）

|2.Slider：滑動設定數值 ex.音量，亮度

上面的設定會出現這樣的樣式

1. Value：指標預設值（我這裡設定是總值的一半，所以圓鈕會在中間）
2. Minimum：最小值
3. Maximum：最大值
4. Min Image：最小值端的圖樣（我設定空心圖樣）
5. Max Image：最大值端的圖樣（我設定紅色實心圖樣）
6. Min Track：圓鈕左邊軌道顏色（我設定黃色）
7. Max Track：圓鈕右邊軌道顏色（我設定紫色）
8. Thumb Tint：圓鈕顏色 （我設定綠色）

|3.Switch：開關鈕

1. State：載入時呈現開啟或關閉
   2. On Tint：開關顏色（我設定橘色）
   3. Thumb Tint：圓紐顏色（我設定紫色）

｜4.Activity Indicator View：顯示狀態進行中

1 Style：大尺寸．白色標準尺寸．灰色標準尺寸
2 Color：自訂顏色
3 Animating：有勾選，載入時就會有動畫

| 5.Progress View：顯示進度

Default style

Bar style

1 Style：Default是細線，Bar比較粗
2 Progress：載入時顯示位置，max為1，所以我設定0.8就會靠近右邊
3 Progress Tint：顯示進度的顏色
4 Track Tint：整條軌道顏色
5 Progress Image：理論上好像可以放置底圖，不過我測試後沒有顯示
（我要去偷看，喔不，是正大光明看同學/學長姐的文章）
6 Track Image：同上

| 6. Visual Effect View with Blur：毛玻璃效果

Blur style : Extra Light

Blur style : Light

Blur style : Dark

| 7. Page Control 控制分頁

1 # of Pages：總共頁數
2 Current：顯示第幾頁
（0才是第一頁喔，如果設定1會變成第二個點變紫色）
3 Hides for Single Page：如果只有一頁就不會出現
4 Tint Color：頁面一般狀態的顏色
5 Current Page：顯示目前頁面位置

｜ 8. Date Picker 選擇日期

1. Mode：有時間、日期、時間加日期、以及倒數共四種模式

2. Locale：地區
3. Interval：時間間格

這裡設定間格為10分鐘

選單就變成10分鐘間格囉

4. Date：可選擇目前日期或自訂日期
5. Minimum Date：最早日期
6. Maximum Date：最晚日期

呼～～～頂著身體不適和小人纏身
我終於完成了😭😭😭😭