首先我們看效果圖
1. 啟動(dòng)頁部分
基本思路如下：
- 在app啟動(dòng)的時(shí)候 在window對(duì)象上添加一個(gè)視圖翠语，我這里用的是一張圖片 （app啟動(dòng)圖）這樣就能遮擋住app本來的啟動(dòng)圖片艺挪。
- 在在這個(gè)視圖上添加一個(gè)廣告圖片，至于這個(gè)廣告圖片里的獲取方式可以根據(jù)自己地項(xiàng)目的實(shí)際情況來定叔扼。
- 在這個(gè)視圖上添加一些動(dòng)畫，和一些觸摸事件用來處理這個(gè)點(diǎn)擊廣告也對(duì)應(yīng)的事件響應(yīng)埋涧。
在這個(gè)中需要注意的問題有幾點(diǎn)：
- 該代碼試用用于啟動(dòng)圖是使用lanchImage方式而不是LaunchScreen.storyboard/LaunchScreen.xib限书。
- 需要給項(xiàng)目設(shè)置幾個(gè)點(diǎn)如下圖:
- 取消xib啟動(dòng)圖
- 設(shè)置圖片啟動(dòng)圖
- 添加圖片啟動(dòng)圖
-
用代碼獲取自己設(shè)置的啟動(dòng)圖圖片
- (UIImage *)getLanchImage{ UIImage *img = nil; if (IS_IPHONE4_SERIAL) { //LaunchImage-700 中前面部分（LaunchImage）應(yīng)該為你在圖中設(shè)置的啟動(dòng)圖的文件夾名稱 img = [UIImage imageNamed:@"LaunchImage-700"]; } else if(IS_IPHONE5_SERIAL){ img = [UIImage imageNamed:@"LaunchImage-700-568h"]; } else if (IS_IPHONE6_SERIAL){ img = [UIImage imageNamed:@"LaunchImage-800-667h"]; } else if (IS_IPHONE6PLUS_SERIAL){ img = [UIImage imageNamed:@"LaunchImage-800-Portrait-736h"]; } return img; }
4. 根據(jù)對(duì)應(yīng)的屏幕取出對(duì)應(yīng)的圖片 添加到窗口上 遮蓋啟動(dòng)圖就是如圖效果。也可以做類似Twitter啟動(dòng)時(shí)那樣的啟動(dòng)動(dòng)畫烹卒，原理基本而一致闷盔。
#2. 帶進(jìn)度條的webView的實(shí)現(xiàn)
其實(shí)這里帶進(jìn)度條的webView主要使用到了`NJKWebViewProgress` ÷眉保基本原理就是修改webView的dalegate 使用NJKWebViewProgress 類來loadRequest逢勾；NJKWebViewProgress就能夠統(tǒng)計(jì)一個(gè)URL中一共有多少資源需要加載，在webViewDidFinishLoad藐吮、didFailLoadWithError中標(biāo)記某個(gè)鏈接加載成功溺拱。通過總的鏈接數(shù)目和已經(jīng)加載的鏈接數(shù)目大致估算當(dāng)前的加載進(jìn)度。進(jìn)度通過NJKWebViewProgress 的代理回傳到webView的控制器中在控制器中展示當(dāng)前的進(jìn)度條谣辞。
Demo地址：[https://github.com/mingxianwei/MXWLanchAD](https://github.com/mingxianwei/MXWLanchAD)
> *轉(zhuǎn)載請注明出處:*
*原文地址：[http://mingxianwei.github.io/2016/07/05/啟動(dòng)頁廣告加載-帶進(jìn)度條的webView](http://mingxianwei.github.io/2016/07/05/啟動(dòng)頁廣告加載-帶進(jìn)度條的webView)*
*作者：[小土豆](http://weibo.com/u/2501078311)*