为 Android WebView 加上启动页

为 Android WebView 加上启动页

 

 

最近公司准备做一个商城 APP，目前只用实现了 Web 端的原型，界面和和移动客户端差不多。leader 把这个任务交给了我，为 APP 加载 WebView 布局的主界面加上一个启动页，我到 Stack Overflow 上寻找解决办法，采用了隐藏启动页的办法。

思路如下：

1、布局文件采用充满父容器的 ImageView 和 WebView，设置 WebView 的 visibility 为 View.GONE，ImageView 的 Visibility 为 View.VISIBLE.

简单的布局代码：

 

2、在 Activity 中获取到 ImageView 和 WebView 控件，为 WebView 设置 WebViewClient，重写里面的 onPageStarted、onPageFinished、onReceivedError 和 shouldOverrideUrlLoading 方法。在加载网页的时候显示 WebView，在加载完成的时候隐藏 ImageView，这是在首次启动的时候。在这里加上一个布尔值作为加载主页面的标识。为了避免过度太过生硬，为这个跳转添加了渐变动画。在网络无法连接的时候，加载本地的错误页面。

少废话，来看具体代码：

 

3、最后处理返回键