『簡易說明Xcode』Object Library的Segmented Control

Segmented Control是使用分段式的按鈕呈現多個選項讓使用者可以選擇,你可以當作很多個Button連接再一起,相信各位因該都在App Store看過這畫面,其中付費App與免費App的選擇,就是用Segmented Control製作。

Apple官方說明文件:

範例如下:

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

Step2:從Object Library拉一個Segmented Control到View。

Step3:選擇Attributes Inspector,修改這兩個Segment的Title,分別為付費App與免費App。( Segments是設定分段的數量、Segment是選取某個分段、Title 選取分段的標題)

Step4:從Object Library拉一個Image View到View『如下圖示步驟1』,並設定image為SegmentedPay『如下圖示步驟2』。

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

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

Step6:切換到ViewController.swift,增加一些簡單的程式碼,來切換ImageView。只需要在func mySegmentedAction()內增加一個判斷使用者選擇的是哪一個Segmented(Segmented 0是付費App,Segmented 1是免費App),然後顯示對應的Image就完成。

--

--