WebView的一些簡單用法

church 發布于2019-08-14 14:10 / 582人閱讀

摘要：一直想寫一個關于控件的一些簡單運用，都沒什么時間，這次也是擠出時間寫的，里面的一些基礎知識就等有時間再更新講解一下，今天就先把項目出來做一些簡單介紹，過多的內容可以看我的源碼，都傳到上了。

一直想寫一個關于 WebView 控件的一些簡單運用，都沒什么時間，這次也是擠出時間寫的，里面的一些基礎知識就等有時間再更新講解一下，今天就先把項目出來做一些簡單介紹，過多的內容可以看我的源碼，都傳到github上了。

下面是項目的效果圖：

應用用到的是 MVP 設計模式，對這種模式還不太了解的可以先自行google一下，不然項目估計會看的暈，雖然我的代碼都很簡潔的。

對于MVP　可以帶著一個思路看源碼，那就是　activity（或其他組件）通過 xxPresenter 去拿數據，拿到數據 在 xxPresenter 再利用 xxIView(這是一個接口)更新數據，那么activity（或其他組件）繼承 xxIView 這個接口 就可以 更新UI 了

其實 WebView 只用到一些簡單的，深入應用本篇文章會在更新！
其中：

       //設置WebView的一些縮放功能點
        webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);  
        webView.setHorizontalScrollBarEnabled(false);  
        webView.getSettings().setSupportZoom(true);  
        //設置WebView可觸摸放大縮小
        webView.getSettings().setBuiltInZoomControls(true);  
        webView.setInitialScale(70);  
        webView.setHorizontalScrollbarOverlay(true); 
        //WebView雙擊變大，再雙擊后變小，當手動放大后，雙擊可以恢復到原始大小
        //webView.getSettings().setUseWideViewPort(true); 
        //提高渲染的優先級
        webView.getSettings().setRenderPriority(RenderPriority.HIGH);
        //允許JS執行
        webView.getSettings().setJavaScriptEnabled(true);
        //把圖片加載放在最后來加載渲染
        //webView.getSettings().setBlockNetworkImage(true); 
        //用WebView將字符串以HTML的形式顯示出來 
        //webView.loadDataWithBaseURL("fake://not/needed", zzz, "text/html", "utf-8", "");
        //在同種分辨率的情況下,屏幕密度不一樣的情況下,自動適配頁面:

與 native 進行交互：

 mWebView.addJavascriptInterface(new WebAppInterface(customView.getContext()),"Android");

 public class WebAppInterface {
        Context mContext;

        /** Instantiate the interface and set the context */
        WebAppInterface(Context c) {
            mContext = c;
        }

        /** Show a toast from the web page */
        @JavascriptInterface
        public void showToast(String toast) {
           // 比如點擊 webview加載的html 片段 可以 讓應用彈出一個土司
        }

這里給 webview 設置夜間模式：
也就往 html 頁面寫入 html 標簽 "

    public static String buildHtmlWithCss(String html, String[] cssUrls, boolean isNightMode) {
        StringBuilder result = new StringBuilder();
        for (String cssUrl : cssUrls) {
            result.append(String.format(CSS_LINK_PATTERN, cssUrl));
        }

        if (isNightMode) {
            result.append(NIGHT_DIV_TAG_START);
        }
        result.append(html.replace(DIV_IMAGE_PLACE_HOLDER, DIV_IMAGE_PLACE_HOLDER_IGNORED));
        if (isNightMode) {
            result.append(NIGHT_DIV_TAG_END);
        }
        return result.toString();
    }

項目還得有待改進，等這段時間忙完就跟新！！！！
項目源碼 github

GPU云服務器云服務器 java的一些代碼深度學習的一些應用 php實用的一些代碼數據分析的一些方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/64856.html

WebView的一些簡單用法

摘要：一直想寫一個關于控件的一些簡單運用，都沒什么時間，這次也是擠出時間寫的，里面的一些基礎知識就等有時間再更新講解一下，今天就先把項目出來做一些簡單介紹，過多的內容可以看我的源碼，都傳到上了。一直想寫一個關于 WebView 控件的一些簡單運用，都沒什么時間，這次也是擠出時間寫的，里面的一些基礎知識就等有時間再更新講解一下，今天就先把項目出來做一些簡單介紹，過多的內容可以看我的源碼，都...

Forest10 2019-08-01 15:22 評論0 收藏0
WebView的一些簡單用法

摘要：一直想寫一個關于控件的一些簡單運用，都沒什么時間，這次也是擠出時間寫的，里面的一些基礎知識就等有時間再更新講解一下，今天就先把項目出來做一些簡單介紹，過多的內容可以看我的源碼，都傳到上了。一直想寫一個關于 WebView 控件的一些簡單運用，都沒什么時間，這次也是擠出時間寫的，里面的一些基礎知識就等有時間再更新講解一下，今天就先把項目出來做一些簡單介紹，過多的內容可以看我的源碼，都...

mindwind 2019-08-30 15:45 評論0 收藏0
H5 緩存機制淺析 - 移動端 Web 加載性能優化

摘要：根據標準，到目前為止，一共有種緩存機制，有些是之前已有，有些是才新加入的。首次請求緩存有效期內請求緩存過期后請求一般瀏覽器會將緩存記錄及緩存文件存在本地文件夾中。騰訊 Bugly 特約作者：賀輝超 1. H5 緩存機制介紹 H5，即 HTML5，是新一代的 HTML 標準，加入很多新的特性。離線存儲（也可稱為緩存機制）是其中一個非常重要的特性。H5 引入的離線存儲，這意味著 web ...

alin 2019-08-06 13:14 評論0 收藏0