Android 实现带进度条的WebView的实例

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

Android 实现带进度条的WebView的实例

1. WebView加载网页方法

//加载本地资源
loadUrl("file:///android_asset/example.html");
//加载网络资源
loadUrl("http://baidu.com");

2. 带进度的Drawable文件view_progress_webview

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

  <item android:id="@android:id/progress">
    <clip>
      <shape>
        <solid android:color="#31CE15"/>
        <corners android:radius="2dp"/>
      </shape>
    </clip>
  </item>

</layer-list>

颜色值为进度颜色,根据需要更换

3. ProgressWebView类

/**
 * 带进度条的WebView
 * @Author GQ
 */
public class ProgressWebView extends WebView {

  private ProgressBar progressbar;
  private Context mContext;

  public ProgressWebView(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.mContext = context;
    progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);
    progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 5, 0, 0));

    Drawable drawable = context.getResources().getDrawable(R.drawable.view_progress_webview);
    progressbar.setProgressDrawable(drawable);
    addView(progressbar);

    //主要处理解析,渲染网页等浏览器做的事情
    setWebViewClient(new WebViewClient() {
      @Override
      public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
        super.onReceivedError(view, errorCode, description, failingUrl);
        //加载失败时候,显示自定义的页面
        if (errorListener != null) {
          errorListener.onError();
        }
      }
    });
    //辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等
    setWebChromeClient(new WebChromeClient());

    getSettings().setSupportZoom(true);//是否可以缩放
    getSettings().setBuiltInZoomControls(true);
    getSettings().setJavaScriptEnabled(true);//支持JS
    getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
    getSettings().setUseWideViewPort(true);
    getSettings().setLoadWithOverviewMode(true);
    getSettings().setSaveFormData(true);
    getSettings().setDomStorageEnabled(true);

    //优先使用缓存
    getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

    //禁用长按
    setOnLongClickListener(new OnLongClickListener() {
      @Override
      public boolean onLongClick(View view) {
        return true;
      }
    });

    //如果在浏览器下载,调用浏览器默认下载+通知栏
    setDownloadListener(new DownloadListener() {
      @Override
      public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
        Uri uri = Uri.parse(url);
        Intent intent = new Intent(Intent.ACTION_VIEW, uri);
        mContext.startActivity(intent);
      }
    });
  }


  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
    public void onReceivedTitle(WebView view, String title) {
      super.onReceivedTitle(view, title);
      if (titleListener != null)
        titleListener.getTitle(title);
    }

  }


  @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);
  }

  private TitleListener titleListener;

  public interface TitleListener {
    void getTitle(String title);
  }

  public void setOnTitleListener(TitleListener titleListener) {
    this.titleListener = titleListener;
  }

  private ErrorListener errorListener;

  public interface ErrorListener {
    void onError();
  }

  public void setOnErrorListener(ErrorListener errorListener) {
    this.errorListener = errorListener;
  }

}

4. 使用

/**
* 公共WebView
*/
public class BasicWebActivity extends Activity {

  protected ProgressWebView progressWebView;
  private TextView title;//标题栏
  private TextView tv_none;//加载失败显示文字

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

    title = (TextView) findViewById(R.id.title);
    tv_none = (TextView) findViewById(R.id.tv_none);
    progressWebView = (ProgressWebView) findViewById(R.id.progressWebView);

    String url = getIntent().getStringExtra("url");
    progressWebView.setOnTitleListener(new ProgressWebView.TitleListener() {
      @Override
      public void getTitle(String title) {
        title.setText(title);
      }
    });
    progressWebView.setOnErrorListener(new ProgressWebView.ErrorListener() {
      @Override
      public void onError() {
        tv_none.setText("url资源失效");
      }
    });
    //加载网页
    progressWebView.loadUrl(url);
  }

 //重写返回键
  @Override
  public boolean onKeyDown(int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_BACK) {
      if (progressWebView.canGoBack()) {
        progressWebView.goBack();//返回上一层页面
        return true;
      } else {
        finish();//关闭页面
      }
    }
    return super.onKeyDown(keyCode, event);
  }
}

其中common_webview就包含一个title一个progressWebView就不贴代码了。

如有疑问,请留言或者到本站社区交流讨论,本站关于Android开发的文章还有很多,还希望大家搜索参阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

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

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多