研究各種 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:有五種顯示效果可選