『簡易說明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即可。