android 自定義WebView實現(xiàn)網(wǎng)頁加載

現(xiàn)在的實際項目中一般是少不了混合開發(fā)的,通常加載頁面我們都需要一個WebView,為了美觀我們還需要一個用于顯示當前加載進度的進度條傻昙。接下來就看看我們自定義的WebView:

**
 * Created by SerryWang
 * on 2018/8/23
 */
public class ProgressWebView extends WebView {

    private ProgressBar progressBar;
    private Context context;
    public ProgressWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
        progressBar = new ProgressBar(context,null,android.R.attr.progressBarStyleHorizontal);
        progressBar.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,3));//設置寬高屬性
        addView(progressBar);
        //設置內(nèi)部加載器
        setWebChromeClient(new MyWebChromeClient(context,progressBar));
        setWebViewClient(new MyWebViewClient());
    }
}
代碼說明:

我們將一個progressBar添加到我們的WebView中去井厌∶氤啵可是哪里可以監(jiān)聽加載進度的變化了,這個時候我們就要重寫WebChromeClient;
WebChromeClient:

/**
 * Created by SerryWang
 * on 2018/8/23
 */
public class MyWebChromeClient extends WebChromeClient {

    private Context context;
    private ProgressBar progressBar;


    public MyWebChromeClient(Context context, ProgressBar progressBar){
        this.context = context;
        this.progressBar = progressBar;
    }


    //監(jiān)聽進度的回調(diào)
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        if(newProgress == 100){
            progressBar.setVisibility(View.GONE);
        }else{

            if(progressBar.getVisibility() == View.GONE){
                progressBar.setVisibility(View.VISIBLE);
                progressBar.setProgress(newProgress);
            }
        }
        super.onProgressChanged(view, newProgress);
    }
}

可以看到構造方法中接收progressBar,在onProgressChanged中實現(xiàn)對進度的監(jiān)聽痹愚。
于此同事為了不使用外部瀏覽器翔始,我們還要重寫WebViewClient.
WebViewClient:

/**
 * Created by SerryWang
 * on 2018/8/23
 */
public class MyWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
        view.loadUrl(request.getUrl().toString());
        return true;
    }
}

最后記得防止WebView的內(nèi)存泄漏,所以應該伴隨Activity或者Fragment的生命周期里伯。

public class WebActivity extends AppCompatActivity {

    private LinearLayout mLinearLayout;
    private AgentWeb mAgentWeb;
    private ToolBarView toolBarView;
    private WebView webView;
    private ProgressWebView progressWebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web);
        initView();
        LoadUrl();
    }

    private void LoadUrl() {
        progressWebView.getSettings().setJavaScriptEnabled(true);
        progressWebView.loadUrl("file:///android_asset/detaillss/index.html");
    }

    private void initView() {

        mLinearLayout = findViewById(R.id.mLinearLayout);
        toolBarView   = findViewById(R.id.WebTool);
        progressWebView = findViewById(R.id.Web);
        toolBarView.setmNavigationTip(Constant.Toolbar_Title);

    }

    @Override
    protected void onPause() {

        if(progressWebView!=null){
            progressWebView.pauseTimers();
            progressWebView.onPause();
        }

        super.onPause();
    }

    @Override
    protected void onResume() {
        if(progressWebView != null){
            progressWebView.onResume();
        }
        super.onResume();
    }

    @Override
    protected void onDestroy() {
       if(progressWebView != null){
           progressWebView.stopLoading();
           progressWebView.removeAllViews();
           progressWebView.setWebViewClient(null);
           progressWebView.setWebChromeClient(null);
           unregisterForContextMenu(progressWebView);
           progressWebView.destroy();
       }
        super.onDestroy();
    }
}
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末城瞎,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子疾瓮,更是在濱河造成了極大的恐慌脖镀,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蜒灰,居然都是意外死亡弦蹂,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門强窖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凸椿,“玉大人,你說我怎么就攤上這事翅溺∧月” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵咙崎,是天一觀的道長优幸。 經(jīng)常有香客問我,道長褪猛,這世上最難降的妖魔是什么网杆? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮伊滋,結果婚禮上碳却,老公的妹妹穿的比我還像新娘。我一直安慰自己笑旺,他們只是感情好昼浦,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著燥撞,像睡著了一般座柱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上物舒,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天色洞,我揣著相機與錄音,去河邊找鬼冠胯。 笑死火诸,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的荠察。 我是一名探鬼主播置蜀,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼悉盆!你這毒婦竟也來了盯荤?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤焕盟,失蹤者是張志新(化名)和其女友劉穎秋秤,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡灼卢,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年绍哎,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鞋真。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡崇堰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出涩咖,到底是詐尸還是另有隱情海诲,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布抠藕,位于F島的核電站饿肺,受9級特大地震影響蒋困,放射性物質(zhì)發(fā)生泄漏盾似。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一雪标、第九天 我趴在偏房一處隱蔽的房頂上張望零院。 院中可真熱鬧,春花似錦村刨、人聲如沸告抄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽打洼。三九已至,卻和暖如春逆粹,著一層夾襖步出監(jiān)牢的瞬間募疮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工僻弹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留阿浓,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓蹋绽,卻偏偏與公主長得像芭毙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子卸耘,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345