安卓 WebView加载本地图片时居中显示

在一个项目中使用WebView显示gif图片（自定义的View无法放大gif），当图片过小时只在左侧显示，经过研究发现无论设置android:layout_gravity="center_horizontal"还是设置android:gravity="center_horizontal" 都无法居中显示，而且还设置了android:layout_width="wrap_content"，但是实际上WebView并没有自适应内容，它的宽度占了屏幕宽度。

当时使用WebView加载本地图路时使用的是this.webViewGif.loadUrl(gifFilePath);方式，其实WebView是为了显示Html内容，因此可以将图片资源放在一个HTML内容中：

String gifFilePath = "file://" + this.filePath;

String data = "<HTML><Div align=\"center\"  margin=\"0px\"><IMG src=\""+gifFilePath+"\" margin=\"0px\"/></Div>";

webViewGif.loadDataWithBaseURL(gifFilePath, data, "text/html", "utf-8", null);

问题解决。

另：我只是为了显示gif图片，并且不让大的gif图片过宽时左右滑动，设置了webViewGif.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);。

安卓 WebView加载本地图片时居中显示

时间： 2024-10-25 04:09:43

安卓 WebView加载本地图片时居中显示的相关文章

WKWebview加载本地图片时出现路径问题

出现问题情况是:将uiwebview换成wkwebview之后,之前将webview上那些图片放回本地下载后缓存的图片没办法在webview上找到,最后排查出原因是,wkwebview需要将图片和网页文件放在同个路径下. 具体实现方法如下(获取图片缓存的路径,将本地html和css文件复制到该路径下): css复制到图片路径: let baseDir = ImageCacheTool.imageBasePath()!//本地图片缓存路径 if !FileManager.default.fileE

【Android开发经验】使用WebView加载本地图片出现闪屏的解决方法

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 问题描述 运行环境 解决方案 问题描述 使用WebView加载本地图片的时候,也就是一段HTML代码嵌入本地的图片地址的形式,会出现短暂的灰色的闪烁,然后就可以正常显示图片了,WebView的背景颜色在xml中设置为黑色. 同时,出现这个问题的时候,Log会打印报错信息:nativeOnDraw failed; clearing to background color. 运行环境 nexus5 Andro

iOS WebView 加载本地资源(图片，文件等)

NSString *path = [[NSBundle mainBundle] pathForResource:@"关于.docx" ofType:nil]; NSURL *url = [NSURL fileURLWithPath:path]; NSLog(@"%@", [self mimeType:url]); //webview加载本地文件,可以使用加载数据的方式 //第一个诶参数是一个NSData, 本地文件对应的数据 //第二个参数是MIMEType //第

图片--Android有效解决加载大图片时内存溢出的问题

Android有效解决加载大图片时内存溢出的问题 博客分类: Android Android游戏虚拟机算法JNI 尽量不要使用setImageBitmap或setImageResource或BitmapFactory.decodeResource来设置一张大图,因为这些函数在完成decode后,最终都是通过java层的createBitmap来完成的,需要消耗更多内存. 因此,改用先通过BitmapFactory.decodeStream方法,创建出一个bitmap,再将其设为ImageView

WebView加载HTML图片大小自适应与文章自动换行

http://www.brighttj.com/ios/ios-webview-load-html-image-adaptive.html 在很多App中都会使用到webview,尤其是在加载新闻内容等文章形式的数据时.因为图文混编以及不同字体格式的显示,在iOS进行编辑和显示都是一大问题(当然,iOS中也可以用CoreText进行绘制),但是对于web端来说,一个富文本编辑器就可以完美解决这个问题.所以后台很多时候会直接返回HTML代码拿给前端解析,这时,在客户端对HTML代码的处理就显得尤为

使用webview加载html图片、表单超屏幕问题

webView加载html代码时,使用webView自带的 scalesPageToFit 可以解决图片所带来的超过屏幕问题:但是,所带来的问题就是文字变小了,怎样让图片边小,并且文字还是原来html里大小? 只需加上一段代码就OK. [self.webView loadHTMLString:[NSString stringWithFormat:@"<!DOCTYPE html><html><style type=\"text/css\">

【iOS】WebView加载HTML图片大小自适应与文章自动换行

在很多App中都会使用到webview,尤其是在加载新闻内容等文章形式的数据时.因为图文混编以及不同字体格式的显示,在iOS进行编辑 和显示都是一大问题(当然,iOS中也可以用CoreText进行绘制),但是对于web端来说,一个富文本编辑器就可以完美解决这个问题.所以后台很多 时候会直接返回HTML代码拿给前端解析,这时,在客户端对HTML代码的处理就显得尤为重要了. 本文将讲解在webview加载HTML代码时,经常会遇到的图片自适应大小与文章内容自动换行问题. 示例Demo下载地址: ht

angular 图片加载失败 情况处理？ 如何在ionic中加载本地图片 ?

1.angular 图片加载失败 情况处理 在directive中定义组件,在ng-src错误时,调用err-src app.directive('errSrc',function(){ return { link: function(scope, element, attrs){ if(attrs.src == 'undefined'){ attrs.$set('src', attrs.errSrc); } element.bind('error', function() { if (attr

Electron 加载本地图片的方法

原文地址:https://www.jianshu.com/p/61c93bbe6014 最近在项目中,有需求是程序加载本地图片显示,但是在实际开发过程中发现,由于electron窗口的同源策略的问题不允许加载本地文件,后来反复查看API,找到方法禁用窗口同源策略: 使用new BrowserWindow(option)创建窗口时,有一个参数webPreferences,可通过设置此参数实现 在使用时传入webPreferences: {webSecurity: false},就可以加载本地图片了