Android WebView如何加载assets下的html文件

摘要:
tipsWebView。loadUrl;}以上是常见的webView显示设置。html文件可以通过上述代码成功显示。只要html代码中的图片是相对地址并且可以正确找到,网页中包含的图片就可以正常显示。因此,上述代码是未来的通用代码库。注意:WebView的默认显示效果为100%像素。我想缩放到合理的大小,以使所有内容可见。因此,您可以通过setInitialScale设置缩放比例,但不同的屏幕需要设置不同的缩放比例,并且这个参数不容易在xml中设置,因此很麻烦。

项目需求:将html文件以及所用到的图片都放在 assets/html/目录下。然后在页面上通过WebView来显示

直接付上代码:

private void readHtmlFormAssets(){
WebSettings webSettings = tipsWebView.getSettings();
webSettings.setLoadWithOverviewMode(true);
webSettings.setUseWideViewPort(true);
tipsWebView.setBackgroundColor(Color.TRANSPARENT); // WebView背景透明效果,不知道为什么在xml配置中无法设置?
tipsWebView.loadUrl("file:///android_asset/html/tips.htm");
}

以上就是常用的webView显示设置,通过上段代码就可以成功显示html文件,只要保证html代码中图片是相对地址,且能正确找到就能正常显示网页中所包含的图片。(本例中图片就位于同一目录下。)

显示效果:点击时可以缩放,图片正常显示。初次显示会缩放至合理的大小。因此上段代码是以后的通用代码库

注: WebView默认显示效果就是100% px 显示,我想要的效果是缩放到合理大小让内容全部可见。所以你可以通过 setInitialScale来设置缩放,不过不同screen需要设置不一样的比例,而这个参数又不好在xml中设置,所以比较麻烦。用了上面的代码,这个问题也给解决了。

I also experimented with setInitialScale but on different screen sizes and web page sizes that won't be as graceful as the browsers scaling.

免责声明:文章转载自《Android WebView如何加载assets下的html文件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇mybatis二(参数处理和map封装及自定义resultMap)KD-tree学习笔记(超全!)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

节点操作易混点

一、NodeList vs HTMLCollection 1.NodeList NodeList是一个 节点的集合, 是由 Node.childNodes 和 document.querySelectorAll 返回的。 特点 (1) 类数组 它是一种类数组对象,用于保存一组有序的节点,可以通过位置(childNodes[index]或childNodes...

django学习-29.表单提交方式之一:post请求(注册/登录/改密)

目录结构 1.写这篇博客的目的 2.完整操作流程 2.1.第一步:新增相关html页面 2.1.1.新增一个【index_html.html】 2.1.2.新增一个【login_html.html】 2.1.3.新增一个【register_html.html】 2.1.4.新增一个【register_success_html.html】 2.1.5.新增一...

使用kaptcha生成验证码

kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小、颜色、显示的字符等等。   1、下载kaptcha。     http://code.google.com/p/kaptcha/downloads/list   2、新建一个Web项目,并将下载压缩包中的kaptcha-2.3.2.jar放在项目的WEB-INF/lib目录下。...

在webView 中使用JS 调用 Android / IOS的函数 Function

最近做一个项目,混合了NativeCode 和 HTML,为了便于JS 调用App的一些方法,统一封装一个Js方法,记录如下 Android 端首先要再WebView中允许JS的调用 WebView myWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = myW...

前后端项目对接流程梳理

  课程目标 掌握一个电商网站从设计到上线的整个过程所涉及的流程 具备独立开发一个前端项目的能力 架构设计 前后端完全分离 分层架构 模块化 技术选型 HTMl CSS JS jQery 辅助工具 Webpack NodeJs NPM Shell 效率工具 Sublime Chrome Charles Git 课程安排 //基础框架的搭建 双平台的...

js获取table tbody下的tr

获取tbody里面所有的baitd值我们可以通过获取tbody这个页面元素du下面所有的tr元素,zhi获取后通过遍历的方式来获取所有的td值。dao 以下面这个HTML代码为例来看一看怎么获取tbody里面所有的td值 HTML代码: 注意,一定要给tbody设置一个id,这样后面才能通过id获得tobody这个网页元素。 jquery代码如下:  ...