使用WebView加载assets下的html文件
2012-08-02 16:03
357 查看
有时候,我们需要将html文件以及所用到的图片都放在 assets/html/ 目录下。然后在页面上通过WebView来显示出来,比如给页面一个默认的显示,这样子看起来效果要好很多。代码如下:
private void readHtmlFormAssets(){
WebSettings webSettings = tipsWebView.getSettings();
webSettings.setLoadWithOverviewMode(true);
webSettings.setUseWideViewPort(true);
tipsWebView.setBackgroundColor(Color.TRANSPARENT); // WebView 背景透明效果
tipsWebView.loadUrl("file:///android_asset/html/tips.htm");
}
以上就是常用的webView显示设置,通过上段代码就可以成功显示html文件,只要保证html代码中图片是相对地址,且能正确找到就能正常显示网页中所包含的图片。(本例中图片就位于同一目录下。)
显示效果:点击时可以缩放,图片正常显示。初次显示会缩放至合理的大小。因此上段代码是以后的通用代码库
注: WebView默认显示效果就是100% px 显示,我想要的效果是缩放到合理大小让内容全部可见。所以你可以通过 setInitialScale来设置缩放,不过不同screen 需要设置不一样的比例,而这个参数又不好在xml中设置,所以比较麻烦。用了上面的代码,这个问题也给解决了。
private void readHtmlFormAssets(){
WebSettings webSettings = tipsWebView.getSettings();
webSettings.setLoadWithOverviewMode(true);
webSettings.setUseWideViewPort(true);
tipsWebView.setBackgroundColor(Color.TRANSPARENT); // WebView 背景透明效果
tipsWebView.loadUrl("file:///android_asset/html/tips.htm");
}
以上就是常用的webView显示设置,通过上段代码就可以成功显示html文件,只要保证html代码中图片是相对地址,且能正确找到就能正常显示网页中所包含的图片。(本例中图片就位于同一目录下。)
显示效果:点击时可以缩放,图片正常显示。初次显示会缩放至合理的大小。因此上段代码是以后的通用代码库
注: WebView默认显示效果就是100% px 显示,我想要的效果是缩放到合理大小让内容全部可见。所以你可以通过 setInitialScale来设置缩放,不过不同screen 需要设置不一样的比例,而这个参数又不好在xml中设置,所以比较麻烦。用了上面的代码,这个问题也给解决了。
相关文章推荐
- 使用WebView加载assets下的html文件
- 使用WebView加载assets下的html文件
- 使用WebView加载assets下的html文件
- Android WebView如何加载assets下的html文件
- webview与js交互、webview返回上一层html、webview获取html的title、加载assets下的html文件
- 从webview中加载assets中的html文件
- webview加载网页和assets的html文件
- Android WebView如何加载assets下的html文件
- webview加载html时使用assets文件夹下的css或者js文件
- Android中使用WebView, WebChromeClient和WebViewClient加载网页
- Andorid开发中WebView网页加载控件使用
- iOS开发 使用webview加载文档
- UI一揽子计划 21 (UICollectionView、SDWebImage第三方类库加载图片的使用、集合视图的布局UICollectionViewFlowLayout 、自定义Cell、布局协议
- Android使用WebView加载网页屏蔽系统浏览器的方法
- react native webView 加载没反应和基本使用
- Android webview 使用HTTPS时有的图片不能加载
- Android中使用WebView, WebChromeClient和WebViewClient加载网页
- android程序中关于webview加载html文件
- 如何在webview中加载本地包含图片的html文件?
- 使用webview加载,注意事项