初步認識 Xcode 中部分 UI 元件：Segmented Control，Slider，Switch，Activity Indicator View，Progress View，Page Control，Date Picker，Visual Effect View with Blur，Color Well [認識 UI 元件｜Xcode. 目標 | by Kyle Lu | Nov, 2023 | Medium](https://medium.com/@kkylelu/%E8%AA%8D%E8%AD%98-ui-%E5%85%83%E4%BB%B6-xcode-b1ecccd257d9)

1. Kyle Lu 2023.11.16
UI 研究中
Xcode

2. 1. Segments 控制分類數量
2. Segment 選擇該分類
3. Title 分類的名稱
4. Image 分類的圖
示
5. Selected 選擇
目
前指定的區塊
Segmented Control
擇
一
顯
示

3. Segmented Control

4. 1. Value 調整數值
2. Minimum 最
小
值
3. Maximum 最
大
值
4. Min Image 最
小
值的 icon
5. Max Image 最
大
值的 icon
6. Min Track 靠近最
小
值的滑桿顏
色
7. Max Track 靠近最
大
值的滑桿顏
色
8. Thumb Tint 滑桿頭的顏
色
Slider

5. Slider

6. 1. State 開關的狀態（On/ O
f
）
2. On Tint 打開（On）的底
色
3. Thumb Tint 開關頭的顏
色
Switch

7. Switch

8. 1. Style
大
小
2. Color 顏
色
3. Animating 是否轉動？（在模擬器顯
示
）
Activity Indicator View

9. Activity Indicator View

10. 1. Style Default 圓
角
/ Bar 直
角
2. Progress
目
前進度，可填 0~1
3. Progress Tint 進度條已完成的顏
色
4. Track Tint 進度條未完成的顏
色
5. Progress Image 進度條已完成的填充圖片
6. Track Image 進度條未完成的填充圖片
Progress View

11. Progress View

12. Blur Style 模糊化效果/遮罩程度
Visual Effect View with Blur

13. Visual Effect View with Blur

14. 1. # of Pages 總共有幾個分
頁
2. Current
目
前所在分
頁
（從 0 起算）
3. Hides for Single Page
如果 # of Pages 只有
一
頁
，就不顯
示
此 Page Control
4. Tint Color 非當前分
頁
圓點的顏
色
5. Current Page 當前分
頁
圓點的顏
色
Page Control

15. Page Control

16. 1. Preferred Style 偏好樣式（視窗/滾輪/
日
曆）
2. Mode 時間/
日
期/
日
期＋時間/倒數計時
3. Locale 根據特定時區調整時間格式
4. Interval 設定最短時間間隔（1min~30min）
5. Date 預設顯
示
日
期
6. Minimum Date 最早可選擇的
日
期
7. Maximum Date 最晚可選擇的
日
期
Date Picker

17. Date Picker

18. 1. Color 預設顏
色
2. Supports Alpha 是否
支
援不透明度
3. Title 點擊後彈出視窗的標題
Color Well

19. Color Well