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 studio 切换flutterSDK之后报错及解决办法(推荐)

    Android studio 切换flutterSDK之后报错及解决办法(推荐)

    这篇文章主要介绍了Android studio 切换flutterSDK之后报错及解决办法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • Android 优化Handler防止内存泄露

    Android 优化Handler防止内存泄露

    这篇文章主要介绍了Android 优化Handler防止内存泄露的相关资料,这里提供实例帮助大家理解掌握这样的内容,需要的朋友可以参考下
    2017-09-09
  • Android使用观察者模式Observer实现网络状态监听

    Android使用观察者模式Observer实现网络状态监听

    这篇文章主要为大家详细介绍了Android使用观察者模式Observer实现网络状态监听,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • android自定义View实现手势解锁

    android自定义View实现手势解锁

    这篇文章主要为大家详细介绍了android自定义View实现手势解锁,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Android动态权限申请实现步骤分解

    Android动态权限申请实现步骤分解

    对于一些危险权限在AndroidManifest清单文件中申请之后,还需要得到用户的许可并打开,才算是真正的开启了这个权限。所以可以使用动态申请权限,对于某个功能,如果需要开启某个权限,在用户使用它之前,弹窗提示用户是否要开启这个权限
    2023-04-04
  • Android自定义View实现圆形环绕效果

    Android自定义View实现圆形环绕效果

    这篇文章主要为大家详细介绍了Android自定义View实现圆形环绕效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Android中RecyclerView实现Item添加和删除的代码示例

    Android中RecyclerView实现Item添加和删除的代码示例

    本篇文章主要介绍了Android中RecyclerView实现Item添加和删除的代码示例,非常具有实用价值,需要的朋友可以参考下
    2017-09-09
  • 实例解析如何在Android应用中实现弹幕动画效果

    实例解析如何在Android应用中实现弹幕动画效果

    这篇文章主要介绍了如何在Android应用中实现弹幕动画效果的实例,文中是利用RelativeLayout布局然后控制ViewGroup中view的显示,细节展示得比较详细,需要的朋友可以参考下
    2016-04-04
  • android studio实现简单考试应用程序实例代码详解

    android studio实现简单考试应用程序实例代码详解

    这篇文章主要介绍了android studio实现简单考试应用程序,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • Android开发常见问题总结

    Android开发常见问题总结

    这篇文章主要介绍了Android开发常见问题,总结分析了诸如界面设计、多媒体调用、图片、动画操作等开发中常见的问题解决方法与相关注意事项,需要的朋友可以参考下
    2016-08-08

最新评论