UI 元件: Segmented Control,Slider,Switch,Activity Indicator View,Progress View,Page Control,Date Picker 介紹

Segmented Control

Segmented Control是兩個或多個分段的線性集合,每個分段用作按鈕,段可以包含文本或圖像。

Style:Plain普通風格、Bordered添加邊匡、Bar工具條風格。
Selected Tint:改變被選擇的背景色調
State:Momentary如果勾選後,分段控件不保存控件狀態,點擊時發亮,點擊後恢復原樣。
Drage and Drop:Spring Loaded勾選後,拖曳時按鍵會被觸發。
Segments:可選擇需要幾個分段按鍵。
-
Segment:針對此分段按鍵進行設計。
Title:文字說明
Image:選用圖示
Symbol Scale:改變圖示的大小。
Render Mode:供Multicolor、Monochrome、Hierarchical、Palette四個選項使用,裡面包含可針對圖示改變顏色等功能。
Behavior:Editable可被選擇、Selected被選擇狀態。
Content Offest:圖示or文字的xy座標位置設定。

Slider

Slider是帶有控件的水平軌道,稱為thumb,人們可以在最小值和最大值之間進行調整。

Value:元件的狀態值。
Minimum:元件的最小值。
Maxmum:元件的最大值。
-
Min Image:元件最小值的圖片。
Max Image:元件最大值的圖片。
Symbol Scale:改變圖示的大小。
Render Mode:供Multicolor、Monochrome、Hierarchical、Palette四個選項使用,裡面包含可針對圖示改變顏色等功能。
-
Min Track:最小值方向的軌跡顏色。
Max Track:最大值方向的軌跡顏色。
Thumb Tint:中間選扭的顏色。
-
Events:勾選時,元件值會隨著滑動即時變動。
Behavior:可選擇iPad或是Mac模式。

Switch

Switch允許人們在一對相反的狀態之間進行選擇,例如開和關,使用不同的外觀來指示每個狀態。

State:初始狀態,開/關。
On Tint:開啟時軌道顏色
Thumb Tint:按鍵顏色

Activity Indicator View

Activity Indicator View執行冗長操作時沒有停止的狀態顯示。

Style:可調整大小。
Color:可調整顏色。
Animating:勾選時,開啟旋轉動畫。
Hide When Stopped:勾選時,當讀取停止會消失。

Progress View

Progress可應用在進度內容等狀態顯示。

Style:調整大小。
Progess:元件狀態值(僅限0到1)。
-
Progress Tint:狀態顏色。
Track Tint:軌跡顏色。

Page Control

Page Control顯示一行指示符圖像,每個指示符圖像代表平面列表中的一個頁面。

Pages:#of Pages是頁數、Current是目前第幾頁。
Hides for Single Page:隱藏單頁。
Defers Page Display:延遲頁

Date Picker

Date Picker顯示一個或多個不同值的可滾動日期及時間列表,人們可以從中進行選擇。

Preferred Style:風格選擇,包含純選擇器模式、分隔模式、日曆模式。
Mode:可供日期、時間、日期及時間、計時器等功能選擇。
Locale:地區設定。
-
Date:狀態顏色。
Current Page:軌跡顏色。

--

--