1. 程式人生 > >使用WebView載入assets下的html檔案

使用WebView載入assets下的html檔案

 有時候,我們需要將html檔案以及所用到的圖片都放在 assets/html/ 目錄下。然後在頁面上通過WebView來顯示出來,比如給頁面一個預設的顯示,這樣子看起來效果要好很多。代碼如下:

    private void readHtmlFormAssets(){
        WebSettings webSettings = tipsWebView.getSettings();

        webSettings.setLoadWithOverviewMode(true);
        webSettings.setUseWideViewPort(true);

     tipsWebView.setBackgroundColor(Color.TRANSPARENT);  //  WebView 背景透明效果 
        tipsWebView.loadUrl("file:///android_asset/html/tips.htm");


    }

以上就是常用的webView顯示設定,通過上段程式碼就可以成功顯示html檔案,只要保證html程式碼中圖片是相對地址,且能正確找到就能正常顯示網頁中所包含的圖片。(本例中圖片就位於同一目錄下。)

顯示效果:點選時可以縮放,圖片正常顯示。初次顯示會縮放至合理的大小。因此上段程式碼是以後的通用程式碼庫

注: WebView預設顯示效果就是100% px    顯示,我想要的效果是縮放到合理大小讓內容全部可見。所以你可以通過 setInitialScale來設定縮放,不過不同screen 需要設定不一樣的比例,而這個引數又不好在xml中設定,所以比較麻煩。用了上面的程式碼,這個問題也給解決了。