iOS開發HW2–1: 研究UI元件
參考資料:
A. Segmented Control — 切換類別的元件
1 Segments — 數字代表Segmented Control的數量,2代表有2個類別可以切換
2 Segment — 顯示要編輯的類別
3 Title — 類別上的顯示文字
4 Image — 類別的圖案,可選擇SF Symbol
5 Selected — Selected打勾代表選中,同一時間只能有一個類別Selected
B. Slider — 滑動設定數值的元件,例如音量,亮度等等
1 Value — 預設數值
2 Minimum — 最小值
3 Maximum — 最大值
4 Min Image — 最小值的影像,可設定 SF sambol
5 Max Image — 最大值的影像,可設定 SF sambol
6 Min Track — 最小值到滑動鈕的顏色
7 Max Track — 最大值到滑動鈕的顏色
8 Thumb Tint — 滑動鈕的顏色
Switch — 切換開關,例如on/off, enable/disable
1 State — 開關目前的狀態
2 On Tint — 切成on的顏色
3 Thumb Tint — 切換鈕的顏色
Activity Indicator View — 項目處理中的圖示
考驗使用者耐心的物件
1 Style — 設定物件的樣式
2 Color — 設定物件的顏色
3 Animating — 設定物件是否以動畫表示
Progress View — 進度條,程序處理的進度狀況
跟賽馬一樣,大家都希望愈快愈好。停住不動會讓人產生焦慮
1 Style — Progress view的樣式,初期只有Bar
2 Progress — 進度的位置,數值介於0~1之間
3 Progress Tint — 進度條填充的顏色
4 Track Tint — 進度條背景的顏色
5 Progress Image — 進度條填充的圖案
6 Track Image — 進度條背景的圖案
Visual Effect View with Blur — 毛玻璃效果
Blur Style — 選擇樣式,預設是Regular
Page Control — 分頁點,顯示目前分頁的位置
1 # of Pages — 共有幾個分頁
2 Current — 目前在哪個分頁,0表示第1頁
3 Hides for Single Page — 單頁不顯示
4 Tint Color — 圓點背景顏色
5 Current Page — 目前頁面圓點顏色
Date Picker — 選擇時間的元件
1 Preferred Style — 樣式選擇
2 Mode — 模式選擇,時間/日期或是倒數
3 Locale — 地區,顯示的語言
4 Interval — 分鐘刻度,預設是1,選15代表每刻度15分鐘
5 Date — 預設時間,為目前時間或設置的固定時間
6 Minimum Date- 選擇日期的最小值
7 Maximum Date — 選擇日期的最大值