1.4 使用UIWebView載入HTML和Gif動畫 [iOS開發中的神兵利器]
阿新 • • 發佈:2019-02-16
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,或掃描本頁底部的二維碼。課程配套素材下載地址:資料下載