Android 带进度条的WebView 示例代码

所属分类: 软件编程 / Android 阅读数: 1905
收藏 0 赞 0 分享

前言

  如果不使用系统自带的TitleBar(即Activity被设置@android:style/Theme.NoTitleBar),那就需要自己来写进度条了,这里封装了一个自定义控件和加载网页的公共Activity,方便使用。

正文

 一、截图

二、自定义控件

复制代码
/**
 * 带进度条的WebView
 * http://www.cnblogs.com/over140/archive/2013/03/07/2947721.html
 * 
 */
@SuppressWarnings("deprecation")
public class ProgressWebView extends WebView {

 private ProgressBar progressbar;

 public ProgressWebView(Context context, AttributeSet attrs) {
  super(context, attrs);
  progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);
  progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 3, 0, 0));
  addView(progressbar);
  //  setWebViewClient(new WebViewClient(){});
  setWebChromeClient(new WebChromeClient());
 }

 public class WebChromeClient extends android.webkit.WebChromeClient {
  @Override
  public void onProgressChanged(WebView view, int newProgress) {
   if (newProgress == 100) {
    progressbar.setVisibility(GONE);
   } else {
    if (progressbar.getVisibility() == GONE)
     progressbar.setVisibility(VISIBLE);
    progressbar.setProgress(newProgress);
   }
   super.onProgressChanged(view, newProgress);
  }

 }

 @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);
 }
}
复制代码

三、加载网页的公共Activity

public class WebActivity extends BaseActivity {

 private ProgressWebView webview;
 private String url;
 private String name;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.commom_web);

  // ~~~ 获取参数
  url = getIntent().getStringExtra("url");
  name = getIntent().getStringExtra("name");

  // ~~~ 绑定控件
  webview = (ProgressWebView) findViewById(R.id.webview);

  // ~~~ 设置数据
  titleText.setText(name);
  webview.getSettings().setJavaScriptEnabled(true);
  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);
 }
}

commom_web.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" >

 <include layout="@layout/include_title" />

 <com.nmbb.ui.widget.ProgressWebView
  android:id="@+id/webview"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" />

</LinearLayout>

四、补充说明

  1、还可以再优化一下,在标题栏加一个刷新按钮。

  2、如果加载的页面有需要下载文件,需要设置setDownloadListener方法,根据项目实际需求定制。

  3、自定义控件是在转载的,忘记出处,感谢~~

本文就是对Android WebView 带进度条的实例,有需要的可以参考下。

更多精彩内容其他人还在看

Android studio点击跳转WebView详解

这篇文章主要为大家详细介绍了Android studio点击跳转WebView的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义Drawable实现圆形和圆角

这篇文章主要为大家详细介绍了Android自定义Drawable实现圆形和圆角,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义水平渐变进度条

这篇文章主要为大家详细介绍了Android自定义水平渐变进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

ToolBar中menu无法同时显示图标和文字问题的解决方法

这篇文章主要为大家详细介绍了ToolBar中menu无法同时显示图标和文字问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

详解React Native监听Android回退按键与程序化退出应用

这篇文章主要介绍了详解React Native监听Android回退按键与程序化退出应用的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下
收藏 0 赞 0 分享

android实现上传本地图片到网络功能

这篇文章主要为大家详细介绍了android实现上传本地图片到网络功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android实现QQ登录功能

这篇文章主要为大家详细介绍了Android实现QQ登录功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android实现简单的城市列表功能

这篇文章主要为大家详细介绍了Android实现简单的城市列表功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android Animation之TranslateAnimation(平移动画)

这篇文章主要为大家详细介绍了Animation之TranslateAnimation平移动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android 中Failed to read key from keystore解决办法

这篇文章主要介绍了Android 中Failed to read key from keystore解决办法的相关资料,希望通过本能帮助到大家,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多