#02 設計iOS App專案前 研究9種常用的UI元件吧！

1-Segmented Control 切換分類的元件

Segments 設定有幾種分類

Segment 切換分類

Title 分類名稱

Image 分類的圖示

Selected 設定分類按鈕的顏色

2-Slider 滑動設定數值的元件 例如控制音量/螢幕亮度

Value 預設值/值

Minium 最小值

Maximum 最大值

Min Image 左側/最小值 的圖示

Max Image 右側/最大值 的圖示

Min Track 值左側slider的顏色

Max Track 值右側Slider的顏色

Thumb Tint 值原點的顏色

3-Switch 開關 例如是否打開鬧鐘

State 初始值 開/關

On Tint 開關的底色

Thumb Tint 開關的顏色

4-Activity Indicator View 代表正在做某件事的進度條 例如下載中

Style 調整顏色跟尺寸

Color 顏色

Animating 轉動效果

5-Progress View 顯示進度的進度條 例如下載的進度

Style 風格樣式

Progress 初始的值

Progress Tint 程序條的顏色

Track Tint 剩餘程序條顏色

Progress Image 程序條的圖示

Track Image 剩餘的程序條的圖示

6-Visual Effect View with Blur 毛玻璃效果

Blur Style 毛玻璃效果的風格

7-Page Control 小圓點 顯示有幾個分頁 在哪個分頁

# of Pages 總共幾個分頁

Current 初始頁面位置

Hides for Single Page 如果只有一頁 會隱藏不顯示

Tint Color 其他頁面的標示顏色

Current Page 當前頁面的標示顏色

8-Date Picker 時間選擇的元件

Preferred Style 樣式

Mode 能顯示或選擇的內容 時間/日期/小時/秒

Locale 語言

Interval 預設的時間

Date 設定 預設時間/初始值

Minimum Date 日期時間下限

Maximum Date 日期時間上限

9-Color Well 選擇顏色的顏色牆