Android Webview添加網(wǎng)頁加載進度條實例詳解
最近在android項目中使用webview嵌套了一個抽獎活動網(wǎng)頁,活動上線,運行良好(改了N次需求和突發(fā)bug),還好這種模式的活動,只需要修改網(wǎng)頁,不需要重新打包發(fā)布市場,這也是這種模式開發(fā)的優(yōu)勢之一。后來據(jù)產(chǎn)品哥反饋說加載網(wǎng)頁無進度提示,好吧,這個當時真沒考慮這么多,這個要加加..想當然以為輕松搞定之....其實還是比輕松要復(fù)雜點...
1、首先自定義一個WebView控件
/**
* 帶進度條的Webivew
* @author lirunzi@.com
*/
@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, , , ));
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 == ) {
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) {
ToastUtil.showMessage(context, message, Toast.LENGTH_SHORT, Gravity.CENTER);
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);
}
}
2、在需要使用webview的layout文件中引入這個控件
<cn.net.huami.ui.view.ProgressWebView android:id="@+id/them_webview" android:layout_width="match_parent" android:layout_height="match_parent" />
3、添加個drawable文件,修改progress控制的進度條樣式
<?xml version="." encoding="utf-"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 背景 --> <item android:id="@android:id/background"> <shape> <solid android:color="@color/default_bg" /> </shape> </item> <!-- 進度條 --> <item android:id="@android:id/progress"> <clip> <shape> <solid android:color="#EAE" /> </shape> </clip> </item> </layer-list>
4、在activity或fragment中使用這個控件的相關(guān)代碼
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("網(wǎng)頁url");
通過以上代碼實現(xiàn)了 Webview添加網(wǎng)頁加載進度條的相關(guān)功能,希望對大家有所幫助。
- Android中WebView加載網(wǎng)頁設(shè)置進度條
- Android 進度條 ProgressBar的實現(xiàn)代碼(隱藏、出現(xiàn)、加載進度)
- Android自定義View仿華為圓形加載進度條
- Android自定義View實現(xiàn)加載進度條效果
- Android開發(fā)之ProgressBar字體隨著進度條的加載而滾動
- Android自定義View基礎(chǔ)開發(fā)之圖片加載進度條
- Android自定義帶加載動畫效果的環(huán)狀進度條
- Android中WebView加載網(wǎng)頁設(shè)置進度條
- Android自定義帶進度條WebView仿微信加載過程
- Android自定義View實現(xiàn)圓形加載進度條
相關(guān)文章
Android基于socket實現(xiàn)的簡單C/S聊天通信功能
這篇文章主要介紹了Android基于socket實現(xiàn)的簡單C/S聊天通信功能,結(jié)合實例形式分析了Android使用socket實現(xiàn)客服端與服務(wù)器端數(shù)據(jù)的發(fā)送與接收處理技巧,需要的朋友可以參考下2016-10-10
Android?Settings?跳轉(zhuǎn)流程方法詳解
這篇文章主要為大家介紹了Android?Settings跳轉(zhuǎn)流程方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07

