Android Webview添加網(wǎng)頁(yè)加載進(jìn)度條實(shí)例詳解
推薦閱讀:Android WebView線性進(jìn)度條實(shí)例詳解
最近在android項(xiàng)目中使用webview嵌套了一個(gè)抽獎(jiǎng)活動(dòng)網(wǎng)頁(yè),活動(dòng)上線,運(yùn)行良好(改了N次需求和突發(fā)bug),還好這種模式的活動(dòng),只需要修改網(wǎng)頁(yè),不需要重新打包發(fā)布市場(chǎng),這也是這種模式開(kāi)發(fā)的優(yōu)勢(shì)之一。后來(lái)?yè)?jù)產(chǎn)品哥反饋說(shuō)加載網(wǎng)頁(yè)無(wú)進(jìn)度提示,好吧,這個(gè)當(dāng)時(shí)真沒(méi)考慮這么多,這個(gè)要加加..想當(dāng)然以為輕松搞定之....其實(shí)還是比輕松要復(fù)雜點(diǎn)...
1、首先自定義一個(gè)WebView控件
/** * 帶進(jìn)度條的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文件中引入這個(gè)控件
<cn.net.huami.ui.view.ProgressWebView android:id="@+id/them_webview" android:layout_width="match_parent" android:layout_height="match_parent" />
3、添加個(gè)drawable文件,修改progress控制的進(jìn)度條樣式
<?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> <!-- 進(jìn)度條 --> <item android:id="@android:id/progress"> <clip> <shape> <solid android:color="#EAE" /> </shape> </clip> </item> </layer-list>
4、在activity或fragment中使用這個(gè)控件的相關(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)頁(yè)url");
通過(guò)以上代碼實(shí)現(xiàn)了 Webview添加網(wǎng)頁(yè)加載進(jìn)度條的相關(guān)功能,希望對(duì)大家有所幫助。
- Android中WebView加載網(wǎng)頁(yè)設(shè)置進(jìn)度條
- Android 進(jìn)度條 ProgressBar的實(shí)現(xiàn)代碼(隱藏、出現(xiàn)、加載進(jìn)度)
- Android自定義View仿華為圓形加載進(jìn)度條
- Android自定義View實(shí)現(xiàn)加載進(jìn)度條效果
- Android開(kāi)發(fā)之ProgressBar字體隨著進(jìn)度條的加載而滾動(dòng)
- Android自定義View基礎(chǔ)開(kāi)發(fā)之圖片加載進(jìn)度條
- Android自定義帶加載動(dòng)畫(huà)效果的環(huán)狀進(jìn)度條
- Android中WebView加載網(wǎng)頁(yè)設(shè)置進(jìn)度條
- Android自定義帶進(jìn)度條WebView仿微信加載過(guò)程
- Android自定義View實(shí)現(xiàn)圓形加載進(jìn)度條
相關(guān)文章
Flutter實(shí)現(xiàn)滾動(dòng)選擇數(shù)字
這篇文章主要為大家詳細(xì)介紹了Flutter實(shí)現(xiàn)滾動(dòng)選擇數(shù)字,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03輕松實(shí)現(xiàn)Android語(yǔ)音識(shí)別功能
這篇文章主要為初學(xué)者介紹了輕松實(shí)現(xiàn)Android語(yǔ)音識(shí)別功能的代碼,感興趣的小伙伴們可以參考一下2016-07-07Android基于socket實(shí)現(xiàn)的簡(jiǎn)單C/S聊天通信功能
這篇文章主要介紹了Android基于socket實(shí)現(xiàn)的簡(jiǎn)單C/S聊天通信功能,結(jié)合實(shí)例形式分析了Android使用socket實(shí)現(xiàn)客服端與服務(wù)器端數(shù)據(jù)的發(fā)送與接收處理技巧,需要的朋友可以參考下2016-10-10Android?Settings?跳轉(zhuǎn)流程方法詳解
這篇文章主要為大家介紹了Android?Settings跳轉(zhuǎn)流程方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07Android調(diào)用密碼鎖屏校驗(yàn)的流程代碼詳解
這篇文章主要介紹了Android調(diào)用密碼鎖屏校驗(yàn)的流程代碼,代碼簡(jiǎn)單易懂,對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-08-08