Android实现带进度条的WebView

 更新时间:2019年11月29日 10:16:43   作者:ability_齐  
这篇文章主要介绍了Android实现带进度条的WebView,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

在加载H5页面的时候,可能由于网络、页面内容复杂度等原因,导致加载过程出现空白,加上进度条可以有效提高用户体验

一、自定义ProgressWebView类

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,
        5, 0, 0));
    Drawable drawable = context.getResources().getDrawable(R.drawable.progress_bar_states);
    progressbar.setProgressDrawable(drawable);
    addView(progressbar);
    // setWebViewClient(new WebViewClient(){});
    setWebChromeClient(new WebChromeClient());
    //是否可以缩放
    getSettings().setSupportZoom(true);
    getSettings().setBuiltInZoomControls(true);
  }

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

二、布局文件标签写成自定义的类,使用和一般WebView一致

最后贴一下drawable下的progress_bar_states

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
  <item android:id="@android:id/background">
    <shape>
      <corners android:radius="2dp" />
      <gradient
        android:angle="270"
        android:centerColor="#E3E3E3"
        android:endColor="#E6E6E6"
        android:startColor="#C8C8C8" />
    </shape>
  </item>
  <item android:id="@android:id/progress">
    <clip>
      <shape>
        <corners android:radius="2dp" />

        <gradient
          android:centerColor="#4AEA2F"
          android:endColor="#31CE15"
          android:startColor="#5FEC46" />
      </shape>
    </clip>
  </item>
</layer-list>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android解决所有双击优化的问题

    Android解决所有双击优化的问题

    这篇文章主要为大家介绍了Android解决所有双击优化的问题,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • Android编程实现自定义输入法功能示例【输入密码时防止第三方窃取】

    Android编程实现自定义输入法功能示例【输入密码时防止第三方窃取】

    这篇文章主要介绍了Android编程实现自定义输入法功能,可实习输入密码时防止第三方窃取的效果,结合实例形式详细分析了Android布局、控件及输入法相关操作技巧,需要的朋友可以参考下
    2017-01-01
  • Android之IphoneTreeView带组指示器的ExpandableListView效果

    Android之IphoneTreeView带组指示器的ExpandableListView效果

    在正在显示的最上面的组的标签位置添加一个和组视图完全一样的视图,作为组标签。这个标签的位置要随着列表的滑动不断变化,以保持总是显示在最上方,并且该消失的时候就消失
    2013-06-06
  • Android Flutter制作一个修改组件属性的动画

    Android Flutter制作一个修改组件属性的动画

    flutter为我们提供了一个AnimationController来对动画进行详尽的控制,不过直接是用AnimationController是比较复杂的,如果只是对一个widget的属性进行修改,可以做成动画吗,本文就来探讨一下
    2023-05-05
  • Android工具类Toast自定义图片和文字

    Android工具类Toast自定义图片和文字

    这篇文章主要为大家详细介绍了Android工具类Toast自定义图片和文字,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Android之开发消息通知栏

    Android之开发消息通知栏

    本文主要介绍了Android开发消息通知栏的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • Android自定义圆形进度条效果

    Android自定义圆形进度条效果

    这篇文章主要为大家详细介绍了Android自定义圆形进度条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • AndroidQ 沙箱适配多媒体文件(小结)

    AndroidQ 沙箱适配多媒体文件(小结)

    这篇文章主要介绍了AndroidQ 沙箱适配多媒体文件(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • Android开发教程之初识Android App

    Android开发教程之初识Android App

    这篇文章主要为大家详细介绍了Android开发教程之初识Android App的相关资料,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • Android Messenger实现进程间通信及其原理

    Android Messenger实现进程间通信及其原理

    这篇文章主要为大家详细介绍了Android Messenger实现进程间通信及其原理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05

最新评论