快捷導(dǎo)航

Android中WebView的一些簡單用法

更新時(shí)間：2016年08月14日 15:41:12 作者：曾田生z

這篇文章主要介紹了Android中WebView的一些簡單用法，WebView非常簡單,Android已經(jīng)封裝的非常完善,寫個(gè)小例子覆蓋其間常用的幾個(gè)方法;

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

下面是項(xiàng)目的效果圖：

應(yīng)用用到的是 MVP 設(shè)計(jì)模式，對這種模式還不太了解的可以先自行g(shù)oogle一下，不然項(xiàng)目估計(jì)會看的暈，雖然我的代碼都很簡潔的。

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

其實(shí) WebView 只用到一些簡單的，深入應(yīng)用本篇文章會在更新！

其中：

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

與 native 進(jìn)行交互：

 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) {
      // 比如點(diǎn)擊 webview加載的html 片段 可以 讓應(yīng)用彈出一個(gè)土司
    }

這里給 webview 設(shè)置夜間模式：

也就往 html 頁面寫入 html 標(biāo)簽 "<div class="night">"

  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();
  }

項(xiàng)目還得有待改進(jìn)，等這段時(shí)間忙完就跟新！?。?！

項(xiàng)目源碼 github

您可能感興趣的文章: