#3 「彼得潘作業2」UI元件 Slider ＆Switch

Slider元件是一種水平移動的控制元件，可以按照使用者滑動元件的數值變化，透過程式的撰寫以用來即時地操作其他元件

Apple Developer Documentation

首先建立元件於畫面上

屬性Value&Minimum&Maximum

value設定thumb一開始的數值位置，minimum&maximum設定最小值與最大值

屬性Min Image&Max Image

分別設定最小值與最大值端的圖示，設定image後會各自出現symbol scale & render mode屬性，調整image的大小以及配色模式

屬性Min Track&Max Track&Thumb Tint

分別設定thumb左側與右側slider bar的顏色，以及thumb按鈕本身的顏色

Switch元件是一種開關式的控制元件

Apple Developer Documentation

首先建立元件於畫面上

屬性State

state設定為On時預設開關為打開

state設定為Off時預設開關為關閉

屬性OnTint & ThumbTint

分別設定開啟時Switch bar的顏色，以及thumb按鈕的顏色

以下為Slider以及Switch兩種元件的實操影片：

slider元件控制下方view的透明度，switch元件控制view的寬高讓其有消失與再現的效果

github

Demo/Green2ViewController.swift at main · cronu2012/Demo