Android 实现带进度条的WebView的实例

2023-09-27 10:52:16 244

Android实现带进度条的WebView的实例

1.WebView加载网页方法

//加载本地资源
loadUrl("file:///android_asset/example.html");
//加载网络资源
loadUrl("http://baidu.com");

2.带进度的Drawable文件view_progress_webview

颜色值为进度颜色，根据需要更换

3.ProgressWebView类

/**
*带进度条的WebView
*@AuthorGQ
*/
publicclassProgressWebViewextendsWebView{

privateProgressBarprogressbar;
privateContextmContext;

publicProgressWebView(Contextcontext,AttributeSetattrs){
super(context,attrs);
this.mContext=context;
progressbar=newProgressBar(context,null,android.R.attr.progressBarStyleHorizontal);
progressbar.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,5,0,0));

Drawabledrawable=context.getResources().getDrawable(R.drawable.view_progress_webview);
progressbar.setProgressDrawable(drawable);
addView(progressbar);

//主要处理解析，渲染网页等浏览器做的事情
setWebViewClient(newWebViewClient(){
@Override
publicvoidonReceivedError(WebViewview,interrorCode,Stringdescription,StringfailingUrl){
super.onReceivedError(view,errorCode,description,failingUrl);
//加载失败时候,显示自定义的页面
if(errorListener!=null){
errorListener.onError();
}
}
});
//辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等
setWebChromeClient(newWebChromeClient());

getSettings().setSupportZoom(true);//是否可以缩放
getSettings().setBuiltInZoomControls(true);
getSettings().setJavaScriptEnabled(true);//支持JS
getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
getSettings().setUseWideViewPort(true);
getSettings().setLoadWithOverviewMode(true);
getSettings().setSaveFormData(true);
getSettings().setDomStorageEnabled(true);

//优先使用缓存
getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

//禁用长按
setOnLongClickListener(newOnLongClickListener(){
@Override
publicbooleanonLongClick(Viewview){
returntrue;
}
});

//如果在浏览器下载,调用浏览器默认下载+通知栏
setDownloadListener(newDownloadListener(){
@Override
publicvoidonDownloadStart(Stringurl,StringuserAgent,StringcontentDisposition,Stringmimetype,longcontentLength){
Uriuri=Uri.parse(url);
Intentintent=newIntent(Intent.ACTION_VIEW,uri);
mContext.startActivity(intent);
}
});
}


publicclassWebChromeClientextendsandroid.webkit.WebChromeClient{
@Override
publicvoidonProgressChanged(WebViewview,intnewProgress){
if(newProgress==100){
progressbar.setVisibility(GONE);
}else{
if(progressbar.getVisibility()==GONE)
progressbar.setVisibility(VISIBLE);
progressbar.setProgress(newProgress);
}
super.onProgressChanged(view,newProgress);
}

@Override
publicvoidonReceivedTitle(WebViewview,Stringtitle){
super.onReceivedTitle(view,title);
if(titleListener!=null)
titleListener.getTitle(title);
}

}


@Override
protectedvoidonScrollChanged(intl,intt,intoldl,intoldt){
LayoutParamslp=(LayoutParams)progressbar.getLayoutParams();
lp.x=l;
lp.y=t;
progressbar.setLayoutParams(lp);
super.onScrollChanged(l,t,oldl,oldt);
}

privateTitleListenertitleListener;

publicinterfaceTitleListener{
voidgetTitle(Stringtitle);
}

publicvoidsetOnTitleListener(TitleListenertitleListener){
this.titleListener=titleListener;
}

privateErrorListenererrorListener;

publicinterfaceErrorListener{
voidonError();
}

publicvoidsetOnErrorListener(ErrorListenererrorListener){
this.errorListener=errorListener;
}

}

4.使用

/**
*公共WebView
*/
publicclassBasicWebActivityextendsActivity{

protectedProgressWebViewprogressWebView;
privateTextViewtitle;//标题栏
privateTextViewtv_none;//加载失败显示文字

@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.common_webview);

title=(TextView)findViewById(R.id.title);
tv_none=(TextView)findViewById(R.id.tv_none);
progressWebView=(ProgressWebView)findViewById(R.id.progressWebView);

Stringurl=getIntent().getStringExtra("url");
progressWebView.setOnTitleListener(newProgressWebView.TitleListener(){
@Override
publicvoidgetTitle(Stringtitle){
title.setText(title);
}
});
progressWebView.setOnErrorListener(newProgressWebView.ErrorListener(){
@Override
publicvoidonError(){
tv_none.setText("url资源失效");
}
});
//加载网页
progressWebView.loadUrl(url);
}

//重写返回键
@Override
publicbooleanonKeyDown(intkeyCode,KeyEventevent){
if(keyCode==KeyEvent.KEYCODE_BACK){
if(progressWebView.canGoBack()){
progressWebView.goBack();//返回上一层页面
returntrue;
}else{
finish();//关闭页面
}
}
returnsuper.onKeyDown(keyCode,event);
}
}

其中common_webview就包含一个title一个progressWebView就不贴代码了。

如有疑问，请留言或者到本站社区交流讨论，本站关于Android开发的文章还有很多，还希望大家搜索参阅，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

Android 实现带进度条的WebView的实例

热门推荐

随机推荐