研究以下 UI 元件: Segmented Control,Slider,Switch,Activity Indicator View,Progress View,Page Control,Date Picker,Visual Effect View with Blur.

1. Segmented Control

- Segments 設定有幾個切換的欄位不可小於2

- Segment 選定目標切換欄位

- Title 設定目標切換欄位名稱與image不能並存

- Image 設定目標切換欄位圖片與title不能並存

- Selected Tint 設定選到的欄位顏色樣式

2. Slider

- Value 當前值為中心原點位置百分比

- Minimum 最小值

- Maximum 最大值

- Min Image 左邊圖標

- Max Image 右邊圖標

- Min Track 中心原點的左邊顏色

- Max Track 中心原點的右邊顏色

- Thumb Tint 中心原點顏色

3. Switch

- State 開關狀態

- On Tint 圓點以外

- Thumb Tint 圓點顏色

4. Activity Indicator View

- Style 過渡動畫大小

- Color 過渡動畫顏色

- Animating 動畫特效是否開啟

4. Progress View

- Styles 分為圓角與直角

- Progress 當前進度

- Progess Tint 進度條顏色

- Track Tint 進度條的空白顏色

- Progess Image 進度條樣式

- Track Image 進度條的空白顏色

5. Visual Effect View with

- Blur Style

6. Date Picker

- Style 樣式

- datePickerMode:可以顯示的模式,有只顯示時間、只顯示日期、顯示日期與時間以及倒數計時器。

- minuteInterval:時間選取時的分鐘間隔,單位是分鐘。

- date:設置預設顯示的日期時間。

- minimumDate:可以選擇的最早日期時間。

- maximumDate:可以選擇的最晚日期時間。

- locale:顯示的語言環境。

7. UILabel

- Clip:(default) lable中過長的文字,直接裁掉後方的文字

- Character Wrap:斷字的方式, lable顯示多行時,每行最後是以「字母」為單位來斷行,僅適用- 英文

- Word Wrap:斷字的方式, lable顯示多行時,每行最後是以「單字」為單位來斷行,僅適用英文

- Truncate Head:裁掉前方的文字,以 … 代替

- Truncate Middle:裁掉中間的文字,以 … 代替

- Truncate Tail:裁掉後方的文字,以 … 代替 (例如要顯示過長的網址,用這個)

- Fixed Font Size:(default) 依照以設定好的字型規格來顯示 label文字(當文字超過 Lable寬度時 會以上面Lin Break 的指定)

- Minimum Font Scale:當要顯示的文字太長時,系統會將文字縮小力求全部顯示,至於要縮到多小 在此輸入一個字型比例值,1~0.x

- Minium Font Size:當要顯示的文字太長時,系統會將文字縮小力求全部顯示

8. UITextField

- Never appears: 在任何時候都不會出現Clear Button

- Appears while editing: 只有在編輯時才會出現Clear Button

- Appears unless editing: 除了編輯以外時候才會出現Clear Button

- Is Always Visible: 任何時候都出Clear Button

- Clean while editing begin: 當編輯時,清除之前的文字

- Min Font Size & Adjust to Fit:搭配使用,當文字過多時會自動縮小到最小使文字全部顯示

9. UIImageView

- Scale To Fill 寬高剛好撐滿容易變形

- Aspect Fit 顯示整張圖在框框裡會縮到最好剛好的尺寸

- Aspect Fill 寬撐滿高多出去的就會被擋到

- Center,Top,Bottom,Left,Right,Top Left,Top Right,Bottom Left,Bottom Right。 改變原點位置

10. Visual Effect View with Blur

- Blur Style 各種造型

- 可以製作類似浮水印效果

11. Page Control

- of Pages 左邊是總共有幾個點點

- Current 當前的點點位置

- Hides for Single Page 當只有一個的時候不顯示

- Tint Color 不符合當前index的點點顏色

- Current Page 當前符合index的點點顏色

--

--