Android WebView线性进度条实例详解

所属分类: 软件编程 / Android 阅读数: 1026
收藏 0 赞 0 分享

推荐阅读:Android Webview添加网页加载进度条实例详解

先给大家展示下效果图:这个效果图大家一看就懂,在生活经常见到

1.wevbview_progressbar.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
<!-- 背景 --> 
<item android:id="@android:id/background"> 
<shape> 
<solid android:color="@android:color/transparent" /> 
</shape> 
</item> 
<!-- 进度条 --> 
<item android:id="@android:id/progress"> 
<clip> 
<shape> 
<solid android:color="@android:color/holo_green_light" /> 
</shape> 
</clip> 
</item>
</layer-list> 

2.ProgressWebView.java

@SuppressWarnings("deprecation")public class ProgressWebView extends WebView 
{ 
private final static String TAG = ProgressWebView.class.getSimpleName(); 
private ProgressBar progressBar; 
private Context context; 
public ProgressWebView(Context context, AttributeSet attrs) 
{ 
super(context, attrs); 
this.context = context; 
progressBar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal); 
progressBar.setLayoutParams(new AbsoluteLayout.LayoutParams(AbsoluteLayout.LayoutParams.MATCH_PARENT, 3, 0, 0)); progressBar.setProgressDrawable(getResources().getDrawable(R.drawable.wevbview_progressbar)); 
addView(progressBar); 
setWebChromeClient(new WebChromeClient()); 
} 
public class WebChromeClient extends android.webkit.WebChromeClient 
{ 
@Override 
public void onProgressChanged(WebView view, int newProgress) 
{ 
Log.d(TAG, "newProgress" + newProgress); 
if (newProgress == 100) 
{ 
progressBar.setVisibility(GONE); 
} 
else 
{ 
if (progressBar.getVisibility() == GONE) 
progressBar.setVisibility(VISIBLE); 
progressBar.setProgress(newProgress); 
} 
super.onProgressChanged(view, newProgress); 
} 
// 处理javascript中的console.log 
@Override 
public boolean onConsoleMessage(ConsoleMessage cm)
{ 
android.util.Log.d(TAG, "webview console " + cm.lineNumber() + " of " + cm.sourceId() + " : " + cm.message()); 
return true; 
} // 处理javascript中的alert() 
@Override 
public boolean onJsAlert(WebView view, String url, String message, JsResult result) 
{ 
result.cancel(); 
return true; 
} 
} 
@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); 
}} 

3.MainActivity.java

ProgressWebView webView = (ProgressWebView)findViewById(R.id.them_webview);webView.setDownloadListener(new DownloadListener()
{ 
@Override 
public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) 
{ 
if (url != null && url.startsWith("http://")) 
startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(url))); 
}});webView.loadUrl("http://www.cnblogs.com/hubli/p/4835549.html"); 

4.activity_main.xml

<com.etoury.webviewprogress.ProgressWebView 
android:id="@+id/them_webview" 
android:layout_width="match_parent" 
android:layout_height="match_parent" />

通过以上代码内容给大家介绍了Android WebView线性进度条的相关知识,希望对大家有所帮助。

更多精彩内容其他人还在看

Retrofit2日志拦截器的使用

这篇文章主要介绍了Retrofit2日志拦截器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android创建外部lib库及自定义View的图文教程

这篇文章主要给大家介绍了关于Android创建外部lib库及自定义View的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序失败的一些事小结

这篇文章主要给大家介绍了关于Android分享微信小程序失败一些事,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android分享微信小程序技巧之图片优化

这篇文章主要给大家介绍了关于Android分享微信小程序技巧之图片优化的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android Viewpager实现无限循环轮播图

这篇文章主要为大家详细介绍了Android Viewpager实现无限循环轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android中的Bitmap序列化失败的解决方法

这篇文章主要介绍了Android中的Bitmap序列化失败的解决方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Android自定义通用标题栏CustomTitleBar

这篇文章主要为大家详细介绍了Android自定义通用标题栏CustomTitleBar,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android组合控件自定义标题栏

这篇文章主要为大家详细介绍了Android组合控件自定义标题栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义复合控件实现通用标题栏

这篇文章主要为大家详细介绍了Android自定义复合控件实现通用标题栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

ExpandableListView实现简单二级列表

这篇文章主要为大家详细介绍了ExpandableListView实现简单二级列表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多