为 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、最后处理返回键的监听事件,保证 WebView 能够返回上一页还有最后的退出应用。

判断网络连接和处理返回键的代码:

基本上就这么多了,其实给 WebView 加上启动还是蛮简单的,大家有什么问题或建议可以给我留言...O(∩_∩)O~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,155评论 25 708
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,510评论 0 17
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,223评论 4 61
  • 总是希望自己能过的越来越好,可是却越来越糟。每一个决定都承担太多的后果,明明可以更好却选了一条更艰难的路,当...
    冰糖葫鹭阅读 268评论 0 1
  • 目录 上一章 十七、花开春暖 一花一木,故人相植。一思一念,今人成痴 —《源氏物语》...
    叶以言阅读 1,009评论 9 7