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

前端技术 2023/09/08 Android

推荐阅读：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添加网页加载进度条的相关功能，希望对大家有所帮助。

本文地址：https://www.stayed.cn/item/21155

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案