现在的位置: 首页 > 编程语言 > 正文

AndroidWebView实现顶部进度条

2020年02月13日 编程语言 ⁄ 共 1770字 ⁄ 字号 评论关闭

项目中用到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 WebView实现顶部进度条

以上就上有关AndroidWebView实现顶部进度条的全部内容,学步园全面介绍编程技术、操作系统、数据库、web前端技术等内容。

抱歉!评论已关闭.