『簡易說明Xcode』Object Library的Activity Indicator View

Activity Indicator View是一個活動指標。當應用程式執行一個需要花時間處理的動作時,通知使用者請稍候,所顯示的動態指標。相信各位因該都在iphone或是ipad看過這功能,例如檢查軟體更新時有一個一直轉圈圈的圖,就是用Activity Indicator View來製作的。

Apple官方說明文件:

範例如下:

Step1:從Object Library拉一個View到View內,選擇Size inspector設定View的寬(Width)與高(Height)皆為100的正方形。

Step2:選擇Attributes inspector,設定這個View的Alpha為0.5,Background為Black Color。

Step3:選擇Identity inspector,增加一個Runtime Attributes,key Path為layer.cornerRadius,Type為Number,Value為20。這樣就做完了一個圓角半透明的背景View。但是現在是看不到圓角的,因為在storyboard 看不到圓形,模擬器或實機上才看得到。

Step3:從Object Library拉一個Activity Indicator View到剛剛所做的View內,並設定Style為Large White,將Behavior中的Animating與Hides When Stopped選取。需要注意的是無法在這邊調整Activity Indicator的Size,需要用程式修改,這邊只能從Style選擇Large White、White與Gray。此時若執行Simulator你已經可以看見Activity Indicator在轉動。

Step4:但是Hides When Stopped的效果你還未看到。你可以利用Switch來控制這效果,如何使用Switch你可以參考下面這篇簡易說明。

Step5:當Switch建立完後,則在修改程式前,需要將Large White Activity Indicator連結到程式裏,一樣按control後選擇Activity Indicator『如下圖示步驟1』,並用滑鼠拖曳到ViewController.swift的ViewController內的空白區塊,放掉滑鼠後會顯示一個對話視窗,裡面需要設定Name為myActivityIndicator(這可以自行定義)『如下圖示步驟2』,最後選擇Standard Editor只顯示storyboard『如下圖示步驟3』。

Step6:切換到ViewController.swift,增加一些簡單的程式碼,來切換是否要停止Animating的圖片。只需要在func mySwitchAction()內增加一行判斷使用者選擇的是On還是Off,然後更改是否要停止或啟動Animating。

--

--