Android WebView实现顶部进度条

 更新时间:2019年11月29日 10:03:44   作者:Android格调小窝  
这篇文章主要为大家详细介绍了Android WebView实现顶部进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

项目中用到WebView加上进度条放在顶部,让用户知道加载进度情况,可以提高用户体验:

效果:

布局:

<RelativeLayout

  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <WebView
   android:id="@+id/webView"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:layout_below="@+id/toolbar_container" />

  <ProgressBar

   android:id="@+id/progressBar"
   style="@style/crowd_item_progressBar"
   android:layout_width="match_parent"
   android:layout_height="3dp"
   android:layout_below="@+id/toolbar_container"
   android:background="@drawable/crowd_progressbar_unselect" />

</RelativeLayout>

进度条样式:

<style name="crowd_item_progressBar">
  <item name="android:indeterminateOnly">false</item>
  <item name="android:progressDrawable">@drawable/crowd_progressbar_background</item>
  <item name="android:minHeight">10dp</item>
  <item name="android:maxHeight">10dp</item>

</style>

进度图片:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <item
  android:id="@android:id/progress" >
  <clip>
   <shape>
    <solid android:color="@color/selected"/>
    <!--<corners android:radius="1.5dp"/>-->
   </shape>
  </clip>
 </item>
</layer-list>

代码:

public class WebChromeClient extends android.webkit.WebChromeClient {
  @Override

  public void onProgressChanged(WebView view, int newProgress) {
   if (newProgress == 100) {

    mProgressBar.setVisibility(GONE);
   } else {

    if (mProgressBar.getVisibility() == GONE)
     mProgressBar.setVisibility(VISIBLE);
    mProgressBar.setProgress(newProgress);

   }

   super.onProgressChanged(view, newProgress);

  }

 }

 @Override
 protected void onScrollChanged(int l, int t, int oldl, int oldt) {
  LayoutParams lp = (LayoutParams) mProgressBar.getLayoutParams();
  lp.x = l;
  lp.y = t;
  mProgressBar.setLayoutParams(lp);
  super.onScrollChanged(l, t, oldl, oldt);

 }

}

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

相关文章

  • Android实现长图展开与收起效果

    Android实现长图展开与收起效果

    这篇文章主要为大家详细介绍了Android实现长图展开与收起效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-09-09
  • 自定义滑动按钮为例图文剖析Android自定义View绘制

    自定义滑动按钮为例图文剖析Android自定义View绘制

    这篇文章主要介绍了自定义滑动按钮的例子,图文剖析Android自定义View绘制,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Flutter中获取屏幕及Widget的宽高示例代码

    Flutter中获取屏幕及Widget的宽高示例代码

    这篇文章主要给大家介绍了关于Flutter中如何获取屏幕及Widget的宽高的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者使用Flutter具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • Android支付宝支付设计开发

    Android支付宝支付设计开发

    这篇文章主要为大家详细介绍了Android支付宝支付设计开发,设计支付宝支付开发方案,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • Android项目实战之仿网易新闻的页面(RecyclerView )

    Android项目实战之仿网易新闻的页面(RecyclerView )

    这篇文章主要介绍了Android项目实战之仿网易新闻的页面,ViewPager作为RecyclerView的Header,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 基于Android扫描sd卡与系统文件的介绍

    基于Android扫描sd卡与系统文件的介绍

    本篇文章是对Android扫描sd卡与系统文件进行了详细的分析介绍,需要的朋友参考下
    2013-06-06
  • Android完整的前后端交互参考案例

    Android完整的前后端交互参考案例

    这篇文章主要介绍了Android完整的前后端交互参考案例,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-09-09
  • Android自定义ViewGroup实现标签流效果

    Android自定义ViewGroup实现标签流效果

    这篇文章主要为大家详细介绍了Android自定义ViewGroup实现标签流效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • Android Studio升级到3.0 Terminal 中文显示异常解决

    Android Studio升级到3.0 Terminal 中文显示异常解决

    本篇文章主要介绍了Android Studio升级到3.0 Terminal 中文显示异常解决,非常具有实用价值,需要的朋友可以参考下
    2017-10-10
  • 详解Android中AIDL的使用

    详解Android中AIDL的使用

    AIDL是Android Interface definition language的缩写,对于小白来说,AIDL的作用是让你可以在自己的APP里绑定一个其他APP的service,这样你的APP可以和其他APP交互,接下来通过本文给大家分享Android AIDL使用,需要的朋友参考下吧
    2021-07-07

最新评论