#2 研究 UI 元件:Segmented Control / Slider / Switch / Activity Indicator View / Progress View / Visual Effect View with Blur / Page Control / Date Picker

張又壬
6 min readJul 11, 2021

--

Segmented Control

Segments: 頁籤數量最少2個頁籤
Segment: 控制每個頁籤的選單
Title: 頁籤上的文字,設定 Title 就不能設定 Image
Image: 頁籤上的圖片,設定 Image 就不能設定 Title
Enabled: 頁籤開關,不勾選會成為不可點選的狀態
Selected: 頁籤被點選的狀態
Content Offset: 不想要文字或圖片置中的話可以設定XY座標做調整

Slider

Value: Slider 現在的數值
Minimum: Slider 的最小值,可以是負的,但不能比 Maximum 大
Maximum: Slider 的最大值,可以是負的,但不能比 Minimum 小
Min Image: Slider 左邊的圖示
Max Image: Slider 右邊的圖示
Min Track: Slider 按鈕以左的顏色
Max Track: Slider 按鈕以右的顏色
Thumb Tint: Slider 按鈕的顏色

Switch

State: Switch 現在的狀態(開或關)
On Tint: Switch On 時的顏色
Thumb Tint: Switch 按鈕的顏色

Activity Indicator View

Style: 可選擇 Medium 或 Large
Color: 轉圈圈動畫的顏色
Animating: 動畫開關,勾起來開始動
Hides When Stopped: 勾選後 如果動畫停止將會自動隱藏起來

Progress View

Style: 可選擇 Default 或 Bar
Progress: 現在的進度 數值範圍 0~1
Progress Tint: 進度完成的顏色
Track Tint: 進度未完成的顏色
Progress Image: 填在進度完成的圖
Track Image: 填在進度未完成的圖

Visual Effect View with Blur

模糊特效
Blur Style: 有五大種類 一般、Adaptive Effects、System Adaptive Effects、System Light Effects、System Dark Effects
(1) 一般種類: Extra Light、Light、Dark
(2) Adaptive Effects: Regular、Prominent
(3) System Adaptive Effects: Ultra Thin Material、Thin Material、Material、Thick Material、Chrome Material
(4) System Light Effects: Ultra Thin Material、Thin Material、Material、Thick Material、Chrome Material
(5) System Dark Effects: Ultra Thin Material、Thin Material、Material、Thick Material、Chrome Material

Page Control

# of Pages: 頁數
Current: 現在的頁數的 Index
Hides for Single Page: 勾選後如果頁數只有一頁自動隱藏
Tint Color: 還沒選到的頁數的顏色
Current Page: 現在選到的頁數的顏色

Date Picker

Wheels
Compact
Inline

Preferred Style: 有 Automatic, Wheels, Compact, Inline 四種可以選擇
Mode: 有 Time, Date, Time and Date, Count Down Timer 四種模式
Locale: 語系選擇
Interval: 每一格間隔的時間
Date: 現在選擇的時間
Minimum Date: 限制選擇範圍,可以選擇的最早時間
Maximum Date: 限制選擇範圍,可以選擇的最晚時間

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

張又壬
張又壬

Written by 張又壬

目前正在努力學習 swift

No responses yet

Write a response