1. 程式人生 > >1.4 使用UIWebView載入HTML和Gif動畫 [iOS開發中的神兵利器]

1.4 使用UIWebView載入HTML和Gif動畫 [iOS開發中的神兵利器]

1. 本節課將為您演示,如何使用網頁檢視載入網頁程式碼和Gif動畫。此時我們已經在專案中匯入了一張Gif圖片。 



2. 然後在左側的專案導航區,開啟檢視控制器的程式碼檔案。 


3. 現在開始編寫程式碼,首先實現使用網頁檢視載入網頁程式碼的功能。 


4. 新增一個網頁檢視物件,作為當前類的屬性。 


5. 獲得當前裝置的螢幕尺寸資訊。 


6. 然後建立一個矩形的顯示區域。 


7. 初始化一個網頁檢視物件,並以矩形區域作為其顯示區域。 


8. 設定網頁檢視的背景顏色為無色。 


9. 將網頁檢視新增到當前檢視控制器的根檢視。 


10. 初始化一個按鈕控制元件,並設定其顯示區域。當用戶點選該按鈕時,將載入並渲染一段網頁程式碼。 



11. 設定按鈕在正常狀態下的標題文字。 


12. 設定按鈕的背景顏色為棕色。 


13. 給按鈕繫結點選事件。 


14. 接著建立另一個按鈕,當用戶點選該按鈕時,將載入專案中的Gif動畫。 


15. 設定按鈕在正常狀態下的標題文字。 


16. 設定按鈕的背景顏色為棕色。 


17. 給按鈕繫結點選事件。 


18. 然後將兩個按鈕,依次新增到檢視控制器的根檢視。 


19. 新增一個方法,用來響應第一個按鈕的點選事件。 


20. 初始化一個字串常量,用來表示一段網頁程式碼。該網頁程式碼用來顯示一行文字,並設定文字的顏色為紅色,尺寸為20畫素。 


21. 初始化另一個字串常量 ,用來表示一段網頁程式碼。該網頁程式碼用來顯示一行文字,並設定文字中電話號碼的顏色為紅色。 



22. 初始化第三個字串常量 ,該網頁程式碼用來顯示一行文字,並設定文字加粗的視覺樣式。 


23. 將三個字串拼接為一個字串,該字串將作為網頁檢視的內容。 


24. 設定網頁檢視的檢測型別,網頁檢視將會突出顯示符合該型別的內容。 


25. 呼叫網頁檢視的載入網頁程式碼字串的方法,載入剛剛拼接的字串常量。 


26. 新增第二個方法,用來響應第二個按鈕的點選事件。 


27. 獲得專案束的主目錄,使網頁檢視可以載入專案主目錄下的資源。 


28. 使用相同的方式,通過呼叫網頁檢視的載入網頁字串的方法,載入主目錄中的動畫檔案。接著點選[編譯並執行]按鈕,啟動模擬器預覽專案。 


29. 在彈出的模擬器中,首先點選第一個按鈕,網頁檢視將載入並渲染您之前設定的網頁程式碼,同時觀察網頁中的文字的視覺樣式。 



30. 接著點選載入動畫按鈕,網頁檢視將載入並播放專案中的Gif動畫。 


31. 觀察動畫的播放效果,然後點選左上角的[停止]按鈕,關閉模擬器並結束本節課程。 


本文整理自:《app開發中的神兵利器》,真正的[手把手]教學模式,用最快的速度上手iOS開發,蘋果商店App Store免費下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁底部的二維碼。課程配套素材下載地址:資料下載