#5 研究UI元件(上):Segmented Control、Slider、Switch、Activity Indicator View

原本把全部的UI研究打包在同一篇,結果Medium給我出問題,三小時心血瞬間蒸發,崩潰。這次學乖分上下兩篇,拜託Medium不要再搞我了。

Segmented Control(分段控制鈕)

1-Segments:顯示多個切換項目。
2-Segment:可選擇各項目進行細調。單位從0開始,有四個項目就會是0~3。
3-Title:選擇Segment項目後,可更改項目名稱。
4-Image:將Title替換成Image。Title和Image無法同時顯示。插入Image後可細調大小、顏色。

5-Selected:勾選後,APP打開時,顯示會預設在此項目內。

Slider(滑桿)

1-Value:拉出UIValue後,系統會預設中間值0.5。根據最大、最小值可調整中間值數字。
2-Minimum:最小值。
3-Maximum:最大值。
4-Min Image:最小值插入圖片。插入Image後可細調大小、顏色。
5-Max Image:最大值插入圖片。插入Image後可細調大小、顏色。
6-Min Track:往最小值的軌道顏色。
7-Max Track:往最大值的軌道顏色。
8-Thumb Tint:拉桿圓球的顏色。

Switch(開關鈕)

1-State:可設定APP開啟後的開關鈕On、Off狀態。
2-On Tint:背景顏色。
3-Thumb Tint:開關鈕的顏色。

Activity Indicator View(活動指示環)

看到時會生氣氣的Lag環

1-Style:選大小。但寬高不管怎麼拉,尺寸就固定這兩種。Deprecated是不支援的項目,那到底為何還留著…
2-Color:選顏色
3-Animating:勾選後會有順時鐘跑動的動畫,要開模擬器才看得到。

--

--

Patricia Liu
彼得潘的 Swift iOS / Flutter App 開發教室

曾當過台媒的國際新聞編譯,以及日媒支援役。後莫名其妙跑到某電玩媒體擔任記者,但因高層內鬥被離職,繞了一大圈又跑回媒體圈。穿著曾被朋友說很潮,但內心就是個阿宅。興趣是政治、社會、動漫、電玩。有乳糖不耐,愛喝拿鐵,喝完一定烙賽。