『簡易說明Xcode』Object Library的Switch

Switch是一個切換On/Off的開關,讓使用者可以選擇開啟或是關閉,相信各位因該都在iphone或是ipad看過這功能,幾乎很多地方都有它的蹤影,例如飛航模式的開關,就是用Switch來製作的。

Apple官方說明文件:

範例如下:

Step1:選擇Assets.xcassets,將圖片SwitchOff.PNG與SwitchOn.PNG拖拉或複製到裡面。

Step2:從Object Library拉一個Switch到View。如果需要修改Switch預設開關的值,可以直接修改State (預設值為On)。

Step3:從Object Library拉一個Image View到View,並設定image為SwitchOn,因為預設開關為on。

Step4:選擇Assistant Editor『如下圖示步驟1』,按control後選擇Switch,並用滑鼠拖曳到ViewController.swift的ViewController內的空白區塊『如下圖示步驟2』,放掉滑鼠後會顯示一個對話視窗,裡面需要設定Connection為Action,因為是選擇後觸發的行為,所以選擇Action,Name設定為mySwitchAction(這可以自行定義),Type要改為UISwitch,因為我們是從Switch 做連結的『如下圖示步驟3』。

Step5:一樣按control後選擇SwitchOn『如下圖示步驟1』,並用滑鼠拖曳到ViewController.swift的ViewController內的空白區塊,放掉滑鼠後會顯示一個對話視窗,裡面需要設定Name為myImageView(這可以自行定義)『如下圖示步驟2』,最後選擇Standard Editor只顯示storyboard『如下圖示步驟3』。

Step6:切換到ViewController.swift,增加一些簡單的程式碼,來切換ImageView的圖片。只需要在func mySwitchAction()內增加一行判斷使用者選擇的是On還是Off,然後顯示對應的image即可。

--

--