研究各種 UI 元件

以下八種_

1.Segmented Control

2.Slider

3.Switch

4.Activity Indicator View

5.Progress View

6.Page Control

7.Date Picker

8.Visual Effect View with Blur

Segmented Control_

切換分類的元件,例如性別

研究欄位

1 Segments:分類的段
2 Segment:選擇你要的分類
3 Title:分類的標題名稱
4 Image:分類名稱以圖案顯示
5 Selected:配合Segment選擇要預設的分類

Slider_

滑動設定數值的元件,比方控制音樂的音量,螢幕的亮度等。

研究欄位

1 Value:設定預設值,一開始滑桿的位置
2 Minimum:設定最小值,初始滑桿的左邊
3 Maximum:設定最大值,初始滑桿的右邊
4 Min Image:設定小值的圖示
5 Max Image:設定大值的圖示
6 Min Track:設定小值的顏色
7 Max Track:設定大值的顏色
8 Thumb Tint:設定滑桿的顏色

Switch_

開關,比方設定是否打開 9:30 起床的鬧鐘。

研究欄位

1 State:預設開關初始狀態(一開始是On)
2 On Tint:設定開關On時的底色
3 Thumb Tint:設定按鈕的顏色

Activity Indicator View_

代表正在做某件事的進度條,比方資料下載中。

研究欄位

1 Style:設定圈圈樣式(三種選擇)
2 Color:設定圈圈顏色
3 Animating:勾選此選項圈圈就會轉動(模擬器時)

Progress View_

顯示進度的進度條,比方資料下載的進度。

研究欄位

1 Style:選擇樣式(兩種選擇)
2 Progress:目前已完成進度位置,預設值是0.5,剛好一半,因為最大為1最小為0
3 Progress Tint:設定已完成進度的顏色
4 Track Tint:設定未完成進度的顏色
5 Progress Image:設定已完成進度的圖片
6 Track Image:設定未完成進度的圖片

Page Control_

小圓點,顯示有幾個分頁和目前在第幾個分頁。

研究欄位

1 # of Pages:設定分頁數量
2 Current:設定初始分頁
3 Hides for Single Page:如果只有單頁的話就隱藏圓點
4 Tint Color:設定分頁的圓點顏色
5 Current Page:設定當前分頁的圓點顏

Date Picker_

時間選擇的元件。

研究欄位

1 Mode:顯示模式(四種選擇)
2 Locale:設定區域,會因為區域的不同語言跟著不同
3 Interval:設定分鐘的間隔時間,最少1分鐘,最多30分鐘
4 Date:設定當前時間或是自訂
5 Minimum Date:設定可以選到的過去時間(最小西元2,為何不能1??)
6 Maximum Date:設定可以選到的未來時間(最大西元9999)

Visual Effect View with Blur_

毛玻璃效果。

研究欄位

Blur Style:有五種顯示效果可選

--

--