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 — 選擇日期的最大值

Color Well — 選擇顏色

--

--