控制webView控件或者HTML5页面上方加载条

去年华

于 2015-03-23 17:17:47 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：快速开发控件和代码文章标签： webView html5 控件

本文链接：https://blog.youkuaiyun.com/wujian543/article/details/44566385

快速开发控件和代码专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种在APP中嵌入HTML5页面时显示加载进度条的方法。通过设置WebView并利用WebChromeClient的onProgressChanged方法更新进度条状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用户肯定有这样一种需求：

希望在APP嵌入HTML5页面之后，进入的时候必然有一个加载过程。加载的时候页面是空白，上方有一个加载的进度条。那么如何实现呢。

主要代码如下：

webview = (WebView) view.findViewById(R.id.webView);
webview.getSettings().setJavaScriptEnabled(true);

webview.getSettings().setBuiltInZoomControls(true);
webview.getSettings().setDomStorageEnabled(true);

...

首先dui一些列的初始化略。。

关键就是以下这个方法

webview.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView v, int progress) {
progressBar.setProgress(0);
progressBarLayout.setVisibility(View.VISIBLE);
mMainActivity.setProgress(progress * 1000);

TextView progressStatus = (TextView) view
.findViewById(R.id.progressStatus);
progressStatus.setText(progress + " %");
progressBar.incrementProgressBy(progress);

if (progress == 100) {
progressBarLayout.setVisibility(View.GONE);
}
}

});

这样就完成了这个功能。