Android自定義帶進(jìn)度條WebView仿微信加載過(guò)程
在正常開(kāi)發(fā)中,我們客戶(hù)端需要用webView加載網(wǎng)頁(yè),再遇到網(wǎng)絡(luò)慢或者訪問(wèn)的服務(wù)器響應(yīng)時(shí),頁(yè)面是空白的,所以為了用戶(hù)更好的體驗(yàn),我們可以提供一個(gè)正在加載的進(jìn)度條,提示用戶(hù)正在加載。
本文結(jié)構(gòu):
1、自定義webView
2、在應(yīng)用中的使用
3、效果展示
一、自定義webView
1、首先定義一個(gè)類(lèi),繼承webView,并首先構(gòu)造方法
public class ProgressBarWebView extends WebView{}
自定義控件,先實(shí)現(xiàn)構(gòu)造方法,
第一中是程序內(nèi)部實(shí)例化采用,傳入context
public ProgressBarWebView(Context context) { super(context); }
第二種用于layout實(shí)例化,會(huì)把xml的參數(shù)通過(guò)AttributeSet帶入View內(nèi)
public ProgressBarWebView(Context context, AttributeSet attrs) { super(context, attrs); }
第三種主題的style信息,也從XML帶入
public ProgressBarWebView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); }
而我們需要加載進(jìn)度條布局,所以我們需要在第二中構(gòu)造方法中進(jìn)行操作,如下:
//首選創(chuàng)建一個(gè)進(jìn)度條,我們這里創(chuàng)建的是一個(gè)橫向的進(jìn)度條 progressBar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal); //設(shè)置該進(jìn)度條的位置參數(shù) progressBar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 10, 0, 0)); //我們想要設(shè)置該進(jìn)度條的背景樣式 Drawable drawable = context.getResources().getDrawable(R.drawable.progress_bar_states); //設(shè)置背景樣式 progressBar.setProgressDrawable(drawable); //調(diào)用本身的addView(其實(shí)是調(diào)用ViewManager里的方法,看源碼)方法講進(jìn)度條添加到當(dāng)前布局視圖中 addView(progressBar); //正常想獲取或這進(jìn)行交互一般要實(shí)現(xiàn)一下兩個(gè)方法,Myweblient()可以限制不用手機(jī)本身的瀏覽器,MyChromeClient()可以獲得網(wǎng)頁(yè)加載的進(jìn)度,title等 setWebViewClient(new Myweblient()); setWebChromeClient(new MyChromeClient()); //是否可以縮放 getSettings().setSupportZoom(true); getSettings().setBuiltInZoomControls(true);
2、重寫(xiě)WebViewClient,設(shè)置再本身的webview打開(kāi),不調(diào)用系統(tǒng)的瀏覽器:
//需要自己設(shè)置要不會(huì)打開(kāi)手機(jī)瀏覽器 private class Myweblient extends WebViewClient{ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }
3、重寫(xiě)WebChromeClient,獲取相應(yīng)進(jìn)度信息,并設(shè)置
private class MyChromeClient extends WebChromeClient{ @Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress == 100) { //當(dāng)網(wǎng)頁(yè)全部加載完畢時(shí) progressBar.setVisibility(GONE); } else { if (progressBar.getVisibility() == GONE) progressBar.setVisibility(VISIBLE); progressBar.setProgress(newProgress); } super.onProgressChanged(view, newProgress); } }
4、前文構(gòu)造器我們提到的進(jìn)度條背景R.drawable.progress_bar_states,需要再xml中定義;
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 進(jìn)度條背景 --> <item android:id="@android:id/background"> <shape> <corners android:radius="2dp" /> <gradient android:angle="270" android:centerColor="#E3E3E3" android:endColor="#E6E6E6" android:startColor="#C8C8C8" /> </shape> </item> <!-- 綠色的進(jìn)度值 --> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="2dp" /> <gradient android:centerColor="#4AEA2F" android:endColor="#31CE15" android:startColor="#5FEC46" /> </shape> </clip> </item> </layer-list>
二、在頁(yè)面中的使用
//布局中 <com.example.videodemo.ProgressBarWebView android:id="@+id/ss" android:layout_width="match_parent" android:layout_height="match_parent"/>
Activity中使用
ProgressBarWebView webView=(ProgressBarWebView) findViewById(R.id.ss); webView.loadUrl("http://www.baidu.com/");
三、最終效果
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android 自定義View實(shí)現(xiàn)多節(jié)點(diǎn)進(jìn)度條功能
- Android自定義View實(shí)現(xiàn)水平帶數(shù)字百分比進(jìn)度條
- Android自定義View實(shí)現(xiàn)音頻播放圓形進(jìn)度條
- Android自定義View實(shí)現(xiàn)漸變色進(jìn)度條
- Android自定義View實(shí)現(xiàn)加載進(jìn)度條效果
- Android view自定義實(shí)現(xiàn)動(dòng)態(tài)進(jìn)度條
- Android 自定義view和屬性動(dòng)畫(huà)實(shí)現(xiàn)充電進(jìn)度條效果
- android 自定義view實(shí)現(xiàn)彩虹進(jìn)度條功能
相關(guān)文章
Android 常見(jiàn)的圖片加載框架詳細(xì)介紹
這篇文章主要介紹了Android 常見(jiàn)的圖片加載框架詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-12-12深入U(xiǎn)nderstanding Android ContentProvider詳解
本篇文章是對(duì)Android ContentProvider進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05Android畢業(yè)設(shè)計(jì)備忘錄APP
這篇文章主要介紹了一個(gè)Android畢業(yè)設(shè)計(jì)備忘錄APP,它很小,但是功能很全,可實(shí)現(xiàn)添加、刪除、修改、查看的功能,使用Java語(yǔ)言開(kāi)發(fā),風(fēng)格簡(jiǎn)練2021-08-08設(shè)計(jì)簡(jiǎn)單的Android圖片加載框架
這篇文章主要為大家詳細(xì)介紹了Android圖片加載框架的簡(jiǎn)單設(shè)計(jì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09Android通訊錄開(kāi)發(fā)之刪除功能的實(shí)現(xiàn)方法
這篇文章主要介紹了Android通訊錄開(kāi)發(fā)之刪除功能的實(shí)現(xiàn)方法,有需要的朋友可以參考一下2014-01-01Android自定義Spinner下拉列表(使用ArrayAdapter和自定義Adapter實(shí)現(xiàn))
這篇文章主要介紹了Android自定義Spinner下拉列表(使用ArrayAdapter和自定義Adapter實(shí)現(xiàn))的相關(guān)資料,需要的朋友可以參考下2015-10-10