⭐️ 作業#2 研究各種 UI 元件

Peter大大上完課要我們先去看一下試用一下各種UI元件,課前預習使用。

Segmented Control

切換分類的元件,比方選擇性別。

  1. Segments-可以增加按鈕的數量
  2. Segment-切換到你要的按鈕,更改參數
  3. Title-改名稱
  4. Image-換圖片
  5. 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

毛玻璃效果。

  1. Blur Style

--

--