研究以下 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的點點顏色