Android Webview添加网页加载进度条实例详解

 更新时间:2016年01月20日 09:48:58   作者:尘云  
这篇文章主要介绍了Android Webview添加网页加载进度条实例详解的相关资料,需要的朋友可以参考下

推荐阅读:Android WebView线性进度条实例详解

最近在android项目中使用webview嵌套了一个抽奖活动网页,活动上线,运行良好(改了N次需求和突发bug),还好这种模式的活动,只需要修改网页,不需要重新打包发布市场,这也是这种模式开发的优势之一。后来据产品哥反馈说加载网页无进度提示,好吧,这个当时真没考虑这么多,这个要加加..想当然以为轻松搞定之....其实还是比轻松要复杂点...

1、首先自定义一个WebView控件

/**
* 带进度条的Webivew
* @author lirunzi@.com
*/
@SuppressWarnings("deprecation")
public class ProgressWebView extends WebView {
private final static String TAG = ProgressWebView.class.getSimpleName();
private ProgressBar progressBar;
private Context context;
public ProgressWebView(Context context, AttributeSet attrs) {
super(context, attrs);
this.context = context;
progressBar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);
progressBar.setLayoutParams(new AbsoluteLayout.LayoutParams(AbsoluteLayout.LayoutParams.MATCH_PARENT, , , ));
progressBar.setProgressDrawable(getResources().getDrawable(R.drawable.wevbview_progressbar));
addView(progressBar);
setWebChromeClient(new WebChromeClient());
}
public class WebChromeClient extends android.webkit.WebChromeClient {
@Override
public void onProgressChanged(WebView view, int newProgress) {
Log.d(TAG, "newProgress" + newProgress);
if (newProgress == ) {
progressBar.setVisibility(GONE);
} else {
if (progressBar.getVisibility() == GONE)
progressBar.setVisibility(VISIBLE);
progressBar.setProgress(newProgress);
}
super.onProgressChanged(view, newProgress);
}
// 处理javascript中的console.log
@Override
public boolean onConsoleMessage(ConsoleMessage cm){
android.util.Log.d(TAG, "webview console " + cm.lineNumber() + " of " + cm.sourceId() + " : " + cm.message());
return true;
}
// 处理javascript中的alert()
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
ToastUtil.showMessage(context, message, Toast.LENGTH_SHORT, Gravity.CENTER);
result.cancel();
return true;
}
}
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
LayoutParams lp = (LayoutParams) progressBar.getLayoutParams();
lp.x = l;
lp.y = t;
progressBar.setLayoutParams(lp);
super.onScrollChanged(l, t, oldl, oldt);
}
} 

2、在需要使用webview的layout文件中引入这个控件

<cn.net.huami.ui.view.ProgressWebView 
android:id="@+id/them_webview"
android:layout_width="match_parent"
android:layout_height="match_parent" /> 

3、添加个drawable文件,修改progress控制的进度条样式

<?xml version="." encoding="utf-"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 背景 -->
<item android:id="@android:id/background">
<shape>
<solid android:color="@color/default_bg" />
</shape>
</item>
<!-- 进度条 -->
<item android:id="@android:id/progress">
<clip>
<shape>
<solid android:color="#EAE" />
</shape>
</clip>
</item>
</layer-list> 

4、在activity或fragment中使用这个控件的相关代码

ProgressWebView webView = (ProgressWebView)findViewById(R.id.them_webview);
webView.setDownloadListener(new DownloadListener() {
@Override
public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
if (url != null && url.startsWith("http://"))
startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url)));
}
});
webView.loadUrl("网页url");

通过以上代码实现了 Webview添加网页加载进度条的相关功能,希望对大家有所帮助。

相关文章

  • 安卓(Android)ListView 显示图片文字

    安卓(Android)ListView 显示图片文字

    本文主要介绍Android中重要组件ListView,在编程中经常会用到ListView 显示图片和文字,这里给大家一个小例子,希望能帮助有需要的同学
    2016-07-07
  • 快速搞懂Android口令加密(一)

    快速搞懂Android口令加密(一)

    这篇文章主要介绍了快速搞懂Android口令加密(一)的相关资料,需要的朋友可以参考下
    2016-04-04
  • Flutter实现滚动选择数字

    Flutter实现滚动选择数字

    这篇文章主要为大家详细介绍了Flutter实现滚动选择数字,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Android控件实现水滴效果

    Android控件实现水滴效果

    这篇文章主要为大家详细介绍了Android控件实现水滴效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • 轻松实现Android语音识别功能

    轻松实现Android语音识别功能

    这篇文章主要为初学者介绍了轻松实现Android语音识别功能的代码,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Android中的设计模式

    Android中的设计模式

    常用的设计模式有以下八种:单例、工厂、观察者、代理、命令、适配器、合成、访问者。下面通过本文给大家介绍下android中的设计模式,感兴趣的朋友一起看看吧
    2016-09-09
  • 详解 WebView 与 JS 交互传值问题

    详解 WebView 与 JS 交互传值问题

    这篇文章主要介绍了详解 WebView 与 JS 交互传值问题的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android基于socket实现的简单C/S聊天通信功能

    Android基于socket实现的简单C/S聊天通信功能

    这篇文章主要介绍了Android基于socket实现的简单C/S聊天通信功能,结合实例形式分析了Android使用socket实现客服端与服务器端数据的发送与接收处理技巧,需要的朋友可以参考下
    2016-10-10
  • Android Settings 跳转流程方法详解

    Android Settings 跳转流程方法详解

    这篇文章主要为大家介绍了Android Settings跳转流程方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Android调用密码锁屏校验的流程代码详解

    Android调用密码锁屏校验的流程代码详解

    这篇文章主要介绍了Android调用密码锁屏校验的流程代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-08-08

最新评论