⭐️ 作業#2 研究各種 UI 元件
Published in
Mar 9, 2022
Peter大大上完課要我們先去看一下試用一下各種UI元件,課前預習使用。
Segmented Control
切換分類的元件,比方選擇性別。
- Segments-可以增加按鈕的數量
- Segment-切換到你要的按鈕,更改參數
- Title-改名稱
- Image-換圖片
- Selected-按鈕的顏色(Blackground不同)
我使用後發現三個按鈕沒辦法連各別三張圖片,都是顯示同一張,還要再研究一下或是問Peter。
Slider
滑動設定數值的元件,比方控制音樂的音量,螢幕的亮度等。
1 Value-預設的值多少
2 Minimum-最小值
3 Maximum-最大值
4 Min Image-最小值圖示
5 Max Image-最大值圖示
6 Min Track-往Max拉過去線的顏色
7 Max Track-往Min拉過去線的顏色
8 Thumb Tint-拉桿的顏色
Switch
開關,比方設定是否打開 9:30 起床的鬧鐘。
1 State-預設開or關
2 On Tint-開啟的顏色
3 Thumb Tint-按鈕顏色
Activity Indicator View
代表正在做某件事的進度條,比方資料下載中。
1 Style-形式
2 Color-顏色
3 Animating-開啟的話有轉動動畫
Progress View
顯示進度的進度條,比方資料下載的進度。
1 Style-Default(底下有灰條)Bar(只有進度條)
2 Progress-0~1區間進度
3 Progress Tint-進度條顏色
4 Track Tint-軌道顏色
5 Progress Image-
6 Track Image-
Visual Effect View with Blur
毛玻璃效果。
- Blur Style