摘要:一直想寫一個關(guān)于控件的一些簡單運用,都沒什么時間,這次也是擠出時間寫的,里面的一些基礎(chǔ)知識就等有時間再更新講解一下,今天就先把項目出來做一些簡單介紹,過多的內(nèi)容可以看我的源碼,都傳到上了。
一直想寫一個關(guān)于 WebView 控件的 一些簡單運用,都沒什么時間,這次也是擠出時間寫的,里面的一些基礎(chǔ)知識就等有時間再更新講解一下,今天就先把項目出來做一些簡單介紹,過多的內(nèi)容可以看我的源碼,都傳到github上了。
下面是項目的效果圖:
應(yīng)用用到的是 MVP 設(shè)計模式,對這種模式還不太了解的可以先自行g(shù)oogle一下,不然項目估計會看的暈,雖然我的代碼都很簡潔的。
對于MVP 可以帶著一個思路看源碼,那就是 activity(或其他組件)通過 xxPresenter 去拿數(shù)據(jù),拿到數(shù)據(jù) 在 xxPresenter 再利用 xxIView(這是一個接口)更新數(shù)據(jù),那么activity(或其他組件)繼承 xxIView 這個接口 就可以 更新UI 了
其實 WebView 只用到一些簡單的,深入應(yīng)用本篇文章會在更新!
其中:
//設(shè)置WebView的一些縮放功能點 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)手動放大后,雙擊可以恢復(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",zzz
, "text/html", "utf-8", ""); //在同種分辨率的情況下,屏幕密度不一樣的情況下,自動適配頁面:
與 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) { // 比如點擊 webview加載的html 片段 可以 讓應(yīng)用彈出一個土司 }
這里給 webview 設(shè)置 夜間模式:
也就往 html 頁面寫入 html 標(biāo)簽 "
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(); }
項目還得有待改進(jìn),等這段時間忙完就跟新!!!!
項目源碼 github
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/116381.html
摘要:一直想寫一個關(guān)于控件的一些簡單運用,都沒什么時間,這次也是擠出時間寫的,里面的一些基礎(chǔ)知識就等有時間再更新講解一下,今天就先把項目出來做一些簡單介紹,過多的內(nèi)容可以看我的源碼,都傳到上了。 一直想寫一個關(guān)于 WebView 控件的 一些簡單運用,都沒什么時間,這次也是擠出時間寫的,里面的一些基礎(chǔ)知識就等有時間再更新講解一下,今天就先把項目出來做一些簡單介紹,過多的內(nèi)容可以看我的源碼,都...
摘要:一直想寫一個關(guān)于控件的一些簡單運用,都沒什么時間,這次也是擠出時間寫的,里面的一些基礎(chǔ)知識就等有時間再更新講解一下,今天就先把項目出來做一些簡單介紹,過多的內(nèi)容可以看我的源碼,都傳到上了。 一直想寫一個關(guān)于 WebView 控件的 一些簡單運用,都沒什么時間,這次也是擠出時間寫的,里面的一些基礎(chǔ)知識就等有時間再更新講解一下,今天就先把項目出來做一些簡單介紹,過多的內(nèi)容可以看我的源碼,都...
摘要:根據(jù)標(biāo)準(zhǔn),到目前為止,一共有種緩存機制,有些是之前已有,有些是才新加入的。首次請求緩存有效期內(nèi)請求緩存過期后請求一般瀏覽器會將緩存記錄及緩存文件存在本地文件夾中。 騰訊 Bugly 特約作者:賀輝超 1. H5 緩存機制介紹 H5,即 HTML5,是新一代的 HTML 標(biāo)準(zhǔn),加入很多新的特性。離線存儲(也可稱為緩存機制)是其中一個非常重要的特性。H5 引入的離線存儲,這意味著 web ...
閱讀 3042·2021-09-03 10:33
閱讀 1269·2019-08-30 15:53
閱讀 2618·2019-08-30 15:45
閱讀 3378·2019-08-30 14:11
閱讀 526·2019-08-30 13:55
閱讀 2580·2019-08-29 15:24
閱讀 1904·2019-08-26 18:26
閱讀 3557·2019-08-26 13:41