资讯专栏INFORMATION COLUMN

WebView的一些简单用法

mindwind / 2732人阅读

摘要:一直想写一个关于控件的一些简单运用,都没什么时间,这次也是挤出时间写的,里面的一些基础知识就等有时间再更新讲解一下,今天就先把项目出来做一些简单介绍,过多的内容可以看我的源码,都传到上了。

一直想写一个关于 WebView 控件的 一些简单运用,都没什么时间,这次也是挤出时间写的,里面的一些基础知识就等有时间再更新讲解一下,今天就先把项目出来做一些简单介绍,过多的内容可以看我的源码,都传到github上了。

下面是项目的效果图:



应用用到的是 MVP 设计模式,对这种模式还不太了解的可以先自行google一下,不然项目估计会看的晕,虽然我的代码都很简洁的。

</>复制代码

  1. 对于MVP 可以带着一个思路看源码,那就是 activity(或其他组件)通过 xxPresenter 去拿数据,拿到数据 在 xxPresenter 再利用 xxIView(这是一个接口)更新数据,那么activity(或其他组件)继承 xxIView 这个接口 就可以 更新UI 了

其实 WebView 只用到一些简单的,深入应用本篇文章会在更新!
其中:

</>复制代码

  1. //设置WebView的一些缩放功能点
  2. webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
  3. webView.setHorizontalScrollBarEnabled(false);
  4. webView.getSettings().setSupportZoom(true);
  5. //设置WebView可触摸放大缩小
  6. webView.getSettings().setBuiltInZoomControls(true);
  7. webView.setInitialScale(70);
  8. webView.setHorizontalScrollbarOverlay(true);
  9. //WebView双击变大,再双击后变小,当手动放大后,双击可以恢复到原始大小
  10. //webView.getSettings().setUseWideViewPort(true);
  11. //提高渲染的优先级
  12. webView.getSettings().setRenderPriority(RenderPriority.HIGH);
  13. //允许JS执行
  14. webView.getSettings().setJavaScriptEnabled(true);
  15. //把图片加载放在最后来加载渲染
  16. //webView.getSettings().setBlockNetworkImage(true);
  17. //用WebView将字符串以HTML的形式显示出来
  18. //webView.loadDataWithBaseURL("fake://not/needed",

    zzz

    , "text/html", "utf-8", "");
  19. //在同种分辨率的情况下,屏幕密度不一样的情况下,自动适配页面:

与 native 进行交互:

</>复制代码

  1. mWebView.addJavascriptInterface(new WebAppInterface(customView.getContext()),"Android");
  2. public class WebAppInterface {
  3. Context mContext;
  4. /** Instantiate the interface and set the context */
  5. WebAppInterface(Context c) {
  6. mContext = c;
  7. }
  8. /** Show a toast from the web page */
  9. @JavascriptInterface
  10. public void showToast(String toast) {
  11. // 比如点击 webview加载的html 片段 可以 让应用弹出一个土司
  12. }

这里给 webview 设置 夜间模式:
也就往 html 页面写入 html 标签 "

"

</>复制代码

  1. public static String buildHtmlWithCss(String html, String[] cssUrls, boolean isNightMode) {
  2. StringBuilder result = new StringBuilder();
  3. for (String cssUrl : cssUrls) {
  4. result.append(String.format(CSS_LINK_PATTERN, cssUrl));
  5. }
  6. if (isNightMode) {
  7. result.append(NIGHT_DIV_TAG_START);
  8. }
  9. result.append(html.replace(DIV_IMAGE_PLACE_HOLDER, DIV_IMAGE_PLACE_HOLDER_IGNORED));
  10. if (isNightMode) {
  11. result.append(NIGHT_DIV_TAG_END);
  12. }
  13. return result.toString();
  14. }

项目还得有待改进,等这段时间忙完就跟新!!!!
项目源码 github

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116381.html

相关文章

  • WebView一些简单用法

    摘要:一直想写一个关于控件的一些简单运用,都没什么时间,这次也是挤出时间写的,里面的一些基础知识就等有时间再更新讲解一下,今天就先把项目出来做一些简单介绍,过多的内容可以看我的源码,都传到上了。 一直想写一个关于 WebView 控件的 一些简单运用,都没什么时间,这次也是挤出时间写的,里面的一些基础知识就等有时间再更新讲解一下,今天就先把项目出来做一些简单介绍,过多的内容可以看我的源码,都...

    Forest10 评论0 收藏0
  • WebView一些简单用法

    摘要:一直想写一个关于控件的一些简单运用,都没什么时间,这次也是挤出时间写的,里面的一些基础知识就等有时间再更新讲解一下,今天就先把项目出来做一些简单介绍,过多的内容可以看我的源码,都传到上了。 一直想写一个关于 WebView 控件的 一些简单运用,都没什么时间,这次也是挤出时间写的,里面的一些基础知识就等有时间再更新讲解一下,今天就先把项目出来做一些简单介绍,过多的内容可以看我的源码,都...

    church 评论0 收藏0
  • H5 缓存机制浅析 - 移动端 Web 加载性能优化

    摘要:根据标准,到目前为止,一共有种缓存机制,有些是之前已有,有些是才新加入的。首次请求缓存有效期内请求缓存过期后请求一般浏览器会将缓存记录及缓存文件存在本地文件夹中。 腾讯 Bugly 特约作者:贺辉超 1. H5 缓存机制介绍 H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 web ...

    alin 评论0 收藏0

发表评论

0条评论

mindwind

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<