研究 UIKit 元件

#HW2–1

Photo by Harpal Singh on Unsplash

Segmented Control -切換分類的元件

常用於性別的一個分頁的元件

Segments:切換分類的數量
Segments:分頁設定
Title:分頁的抬頭
Image:分頁的圖片(若抬頭也設定,圖片優先顯示)
Selected:預設分頁

Slider - 滑動數值的元件

常用於螢幕亮度、音量大小、影片的進度調整。

Value:
Minimum:最小值
Min Track:最小值端的線條顏色
Min Image:最小值的圖片
Maximum:最大值
Max Track:最大值端的線條顏色
Max Image:最大值的圖片
Thumb Tint:滑桿的顏色

Switch - 切換開關

常用於功能開關、WiFi開關、藍芽開關

State:預設開關
On Tint:開關底部的背景顏色
Thumb Tint:開關的顏色

Activity Indicator View - 等待讀取元件

常用於跑資料的等待畫面

Style:元件的大小
Color:元件的顏色
Animating:元件的動畫動作

Progress View - 進度條

常用於讀取資料的元件

Style:元件的樣式
Progress:進度條的進度(最大值為1,最小值為0)
Progress Tint:進度條的顏色
Track Tint:進度條的背景顏色
Progress Image:進度條的圖片(設定背景顏色,圖片將被蓋過去)
Track Image:進度條的背景圖片(設定背景顏色,圖片將被蓋過去)

Page Control - 顯示分頁的元件

常用於頁面切換的顯示、iOS主畫面的頁面切換

# of Pages:共幾個分頁
Current:預設在第幾分頁
Hides for Single Page:若為單畫面則隱藏
Tint Color:元件的背景顏色
Current Page:目前分頁的顏色

Date Picker - 日期與時間選擇元件

常用於選擇日期與時間、行事曆的執行時間

Preferred Style:元件的樣式
Mode:元件的顯示方式
Locale:日期的時間地區
Interval:多少時間為單位
Date:元件的預設日期
Minimum Date:元件的最小日期
Maximum Date:元件的最大日期

Color Well - 顏色選擇元件

常用於顏色挑選

Visual Effect View with Blur

常用於圖片的毛玻璃效果

Blur Style:毛玻璃的效果

--

--