ProgressBar+WebView实现自定义浏览器

当我们使用浏览器浏览网页时，总会看到下图页面的样子，上面是一个地址栏，地址栏下面显示加载进度，加载完成后进入页面内容，带颜色的进度条总是少不了的，那样子看起来也舒服，如何实现自定义手机浏览器功能呢？





上面是360浏览器加载过程的截图，看起来也不算复杂，在做安卓开发中，经常要用到浏览器加载HTML的页面，于是想做一个demo，避免每次重复写的麻烦，效果图如下：









第一步：自定义WebView，命名ProgressWebView，在自定义ProgressWebView中添加进度条效果，代码如下：

在这个构造方法里面，自定义进度条属性，设置为水平进度条，进度条的高度，同时定义进度条状态颜色，写在progress_bar_states.xml文件中，代码如下：

在这个xml文件中，可以按照自己喜好设置加载颜色，然后把进度条视图添加到WebView视图中，在使用ProgressWebView加载
HTML网页，可以像360浏览器一样显示加载进度。setWebChromeClient(new
WebChromeClient())用于加载请求的网页，支持进度条、js等效果，这里定义一个内部类WebChromeClient，代码如下：

这两个getSettings().setSupportZoom(true)和getSettings().setBuiltInZoomControls(true)设置是否支持缩放。

第二步：定义显示类，命名ProgressWebActivity.java，布局文件命名main_web.xml，代码如下：

ProgressWebActivity.java代码：

initData方法获取上一个Activity传递过来的Intent数据，取出网页URL，判断连接是否为空，如果不为空，则使用自定义的ProgressWebView的loadUrl()方法加载，这个时候我们将会在APP端看到如下效果：





initTitleView用于设置浏览器顶部导航条，显示返回按钮和浏览新闻文字。

第三步：在需要使用自定义浏览器这个类ProgressWebActivity的地方，我们只需要设置Intent的数据，然后启动ProgressWebActivity加载之定义URL，实现带进度条加载指定页面的功能。

到这里，我们使用ProgressBar+WebView自定义浏览器器的功能基本完成！