最近公司準(zhǔn)備做一個(gè)商城 APP,目前只用實(shí)現(xiàn)了 Web 端的原型,界面和和移動(dòng)客戶端差不多。leader 把這個(gè)任務(wù)交給了我,為 APP 加載 WebView 布局的主界面加上一個(gè)啟動(dòng)頁,我到 Stack Overflow 上尋找解決辦法,采用了隱藏啟動(dòng)頁的辦法。
思路如下:
1、布局文件采用充滿父容器的 ImageView 和 WebView,設(shè)置 WebView 的 visibility 為 View.GONE,ImageView 的 Visibility 為 View.VISIBLE.
簡單的布局代碼:

2、在 Activity 中獲取到 ImageView 和 WebView 控件,為 WebView 設(shè)置 WebViewClient,重寫里面的 onPageStarted、onPageFinished、onReceivedError 和 shouldOverrideUrlLoading 方法。在加載網(wǎng)頁的時(shí)候顯示 WebView,在加載完成的時(shí)候隱藏 ImageView,這是在首次啟動(dòng)的時(shí)候。在這里加上一個(gè)布爾值作為加載主頁面的標(biāo)識(shí)。為了避免過度太過生硬,為這個(gè)跳轉(zhuǎn)添加了漸變動(dòng)畫。在網(wǎng)絡(luò)無法連接的時(shí)候,加載本地的錯(cuò)誤頁面。
少廢話,來看具體代碼:

3、最后處理返回鍵的監(jiān)聽事件,保證 WebView 能夠返回上一頁還有最后的退出應(yīng)用。
判斷網(wǎng)絡(luò)連接和處理返回鍵的代碼:

基本上就這么多了,其實(shí)給 WebView 加上啟動(dòng)還是蠻簡單的,大家有什么問題或建議可以給我留言...O(∩_∩)O~