Android WebView实现顶部进度条
2020-04-05 12:07
1531 查看
项目中用到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顶部带进度条的方法
- Android中实现Webview顶部带进度条的方法
- Android中实现Webview顶部带进度条的方法
- android 实现了知乎日报的大部分功能,增加双击标题栏回到顶部以及双击 webview 返回两个实用功能
- android web view的学习 2 通过WebChomeClient 实现进度条和title,通过WebViewClient 来进行url的拦截,和javascript的交互
- Android开发--------------WebView(二)之WebView的滑动底部顶部监听,加载进度条等设置
- Android 顶部带进度条的WebView
- Android编程实现WebView添加进度条的方法
- Android 实现带进度条的WebView的实例
- Android实现图文混排(2) 通过webview实现 并实现点击 图片处理事件
- 使用WebView实现新浪微博Oauth2.0认证(android)
- Android如何区分app原生和webview实现
- Android中WebView实现Javascript调用Java类方法
- android 腾讯微博分享功能实现及自定义webview认证
- 【android】带加载进度条的WebView (附demo下载)
- android webview和js交互实现
- [Android实例] webview 实现翻页功能
- Android切换页面效果的实现二:WebView+ViewPager
- android webview 输入法软键盘遮挡输入框实现(界面自动上滑并可滑动)
- Unity3D游戏引擎实现在Android中打开WebView的实例