带进度条的WebView
自己封装的一个带进度条的WebView，在此分享一下
WebView添加自定义进度条；实现缓存,有网取网络数据，无网取缓存数据
1、自定义一个ProgressWebView继承webview
public class ProgressWebView extends WebView{
private final String TAG="ProgressWebView";
Context context;
ProgressBar progressbar;
public ProgressWebView(Contextcontext) {
super(context);
this.context= context;
init();
setWebChromeClient(newWebChromeClient());
setWebViewClient(newMyWebViewClient());
settings();
}
publicProgressWebView(Contextcontext,AttributeSetattrs) {
super(context,attrs);
}
public ProgressWebView(Contextcontext,AttributeSetattrs,intdefStyleAttr) {
super(context,attrs,defStyleAttr);
}
/**
* 设置ProgressBar
*/
voidinit(){
progressbar=new ProgressBar(context,null,android.R.attr.progressBarStyleHorizontal);
//progressbar.setIndeterminateDrawable(getResources().getDrawable(R.drawable.progress_horizontal_color));
progressbar.setProgressDrawable(getResources().getDrawable(R.drawable.progress_horizontal_color));
progressbar.setMax(100);
//progressbar.setIndeterminate(false);
progressbar.setLayoutParams(newLayoutParams(LayoutParams.MATCH_PARENT,5,0,0));
addView(progressbar);
}
public class WebChromeClient extends android.webkit.WebChromeClient{
@Override
public void onProgressChanged(WebViewview,intnewProgress) {
progressbar.setProgress(newProgress);
LogUtil.log(TAG,Log.ERROR,progressbar.getProgress() +"========newProgress========"+ newProgress);
if(newProgress ==100) {
progressbar.setVisibility(GONE);
}else{
progressbar.setVisibility(VISIBLE);
}
super.onProgressChanged(view,newProgress);
}
@Override
public void onReceivedTitle(WebViewview,Stringtitle) {
super.onReceivedTitle(view,title);
if(onWebCallBack!=null){//获取标题
onWebCallBack.getTitle( title );
}
LogUtil.log(TAG,Log.ERROR,"==========title========"+ title);
}
}
/**
* 不重写的话，会跳到手机浏览器中
*@authoradmin
*/
public class MyWebViewClient extends WebViewClient{
@Override
public void onReceivedError(WebView view,int errorCode,String description,String failingUrl) {
// if(canGoBack())
// goBack();
}
@Override
public void onPageFinished(WebView view,String url) {
super.onPageFinished(view,url);
}
@Override
public void onPageStarted(WebView view,String url,Bitmap favicon) {
}
@Override
public boolean shouldOverrideUrlLoading(WebView view,WebResourceRequest request) {
if(NetStateUtils.isConnect(context))
return super.shouldOverrideUrlLoading(view,request);
else{
ToastUtil.showToast("暂无网络啊亲");
return false;
}
}
@Override
public void onLoadResource(WebView view,String url) {
super.onLoadResource(view,url);
}
}
@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);
}
/**
* 设置WebView的回掉器
*@paramonWebCallBack
*/
public void setOnWebCallBack(OnWebCallBack onWebCallBack ){
this.onWebCallBack= onWebCallBack;
}
OnWebCallBack onWebCallBack;
public interface OnWebCallBack{
/**
* 获取标题
*@paramtitle
*/
void getTitle(String title);
/**
* 获得WebView的地址
*@paramurl
*/
void getUrl(String url);
}
private void settings(){
WebSettings webSettings= getSettings();
webSettings.setJavaScriptEnabled(true);//启用js
webSettings.setBlockNetworkImage(false);//解决图片不显示
webSettings.setAppCacheEnabled(true);
if(NetStateUtils.isConnect(context)) {
webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
}else{
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
}
}
@Override
public boolean onKeyDown(int keyCode,KeyEven tevent) {
if(canGoBack() && event.getKeyCode() ==KeyEvent.KEYCODE_BACK&& event.getRepeatCount() ==0) {
goBack();
return true;
}
return super.onKeyDown(keyCode,event);
}
}
2、自定义进度条颜色progress_horizontal_color文件放在drawable文件夹下
<layer-listxmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@android:id/background"
>
<clip>
<shape>
<solid android:color="@color/white"/>
</shape>
</clip>
</item>
<item
android:id="@android:id/secondaryProgress"
>
<clip>
<shape>
<solid android:color="@color/white"/>
</shape>
</clip>
</item>
<item
android:id="@android:id/progress"
>
<clip>
<shape>
<solid android:color="@color/cadmium_green_pale"/>
</shape>
</clip>
</item>
</layer-list>
