[置顶] Android使用WebView加载图片防止OutOfMemoryError

最新推荐文章于 2021-06-03 13:37:20 发布
最新推荐文章于 2021-06-03 13:37:20 发布
阅读量2.3k 收藏
点赞数

        

分类：             Android总结              2013-06-09 16:01     571人阅读     评论(0)     收藏     举报    
Android WebView加载图片 OutOfMemoryError Android大图片

在Android中， 大图片加载或者处理很容易出来OutOfMemory，也就是内存溢出


    所以在这里就使用WebView来加载大图片，但是WebView不好控制图片显示大小，也就是说

如果图片太大，webview将出一滚动条，图片过小则不可拉伸，极其影响美观。为此，作了些

修改，在一定区域内做一些图片尺寸的压缩。

    主要实现方式：由WebView的父控件居中布局来控制垂直方向的居中，WebView的元素居中

来控制图片的水平居中 ，最终达到图片在屏幕的中间显示。


核心Java代码如下：

[java] view plain copy print ?
  1. private void showImageByWebView(String path){  
  2.         webViewLayout = (LinearLayout) findViewById(R.id.img_webview);  
  3.         webView = new WebView(this);  
  4.           
  5.         String url = "file://"+ path;  
  6.           
  7.         int[] wh = new int[2];  
  8.         int disenty;//屏幕密度  
  9.         WindowManager wManager = this.getWindowManager();  
  10.         DisplayMetrics  disM = new DisplayMetrics();  
  11.         wManager.getDefaultDisplay().getMetrics(disM);    
  12.         disM = this.getResources().getDisplayMetrics();   
  13.         disenty = disM.disenty;  
  14.         wh[0] = dis.widthPixels;  
  15.         Rect outRect = new Rect();  
  16.         webViewLayout.getWindowVisibleDisplayFrame(outRect); //获取状态栏高度  
  17.         int contentHeight = (int) (wh[1] - this.getResources().getDimension(R.dimen.title_height) - outRect.top - 30); //获取webview应该显示的高度，屏幕高度减去标题栏高度和状态栏高度  
  18.           
  19.         BitmapFactory.Options options = new BitmapFactory.Options();  
  20.         options.inJustDecodeBounds = true;   
  21.         BitmapFactory.decodeFile(path, options); // 因为设置了inJustDecodeBounds=true 所以此时返回的 bitmap 为 null,仅取出bitmap的信息,而不把它读到内存  
  22.         options.inJustDecodeBounds = false;    
  23.           
  24.         int bitmapWidth = options.outWidth;   
  25.         int bitmapHeight = options.outHeight;   
  26.           
  27.         String style = "";  
  28.         int[] imgDis = new int[2];  
  29.         int minHeight = getResources().getDimensionPixelSize(R.dimen.loadview_img_minheight);  
  30.           
  31.         //注;由于webview将会设置settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);表示单列所以宽度适应内容大小，所以宽度大于屏幕而高度小于屏幕时不需要再压缩  
  32.         if(bitmapHeight > (float)contentHeight/disenty){  
  33.             double scale = 0.00f;  
  34.             scale = (double)contentHeight / bitmapHeight;  
  35.             imgDis[0] = (int) (scale * bitmapWidth / (disenty + 0.1));//这里加上了0.1的原因与以上减30一样，webview宽高肯定大于图片内容所显示的宽度，里面还会有padding属性  
  36.             imgDis[1] = (int) (scale * bitmapHeight / (disenty + 0.1));  
  37.             style = "style=\"width: " + imgDis[0] + "px; height: " + imgDis[1] + "px;\"";  
  38.         }else if(bitmapHeight < minHeight){  
  39.             double scale = (double)minHeight/bitmapHeight ;  
  40.             int width = (int) (scale * bitmapWidth);  
  41.             style = "style=\"width: " + width / disenty + "px; height: " + minHeight / disenty + "px;\"";  
  42.         }  
  43.   
  44.         StringBuffer data = new StringBuffer();  
  45.         data.append("<html><center><img src=\"")  
  46.                     .append(url)  
  47.                     .append("\" ")  
  48.                     .append(style)  
  49.                     .append("></center></html>");  
  50.   
  51.         webView.loadDataWithBaseURL(url, data.toString(), "text/html","UTF-8","");  
  52.         webView.setScrollContainer(false);  
  53.         webView.setScrollbarFadingEnabled(false);  
  54.           
  55.         WebSettings settings = webView.getSettings();  
  56.         settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);  
  57.         settings.setBuiltInZoomControls(false); // 设置显示缩放按钮  
  58.         settings.setSupportZoom(true); //支持缩放  
  59.         //webView.setInitialScale(100);  
  60.           
  61.         // settings.setUseWideViewPort(true); //双击放大，但是在这里如果放大将会有问题  
  62.         // settings.setLoadWithOverviewMode(true);//多窗口预览方式显示  
  63.           
  64.         webView.setBackgroundColor(0x00000000);  
  65.       
  66. //      View zoomControls = webView.getZoomControls();  
  67. //      LayoutParams paramszoom = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);  
  68. //      zoomControls.setLayoutParams(paramszoom);  
  69.           
  70.         LayoutParams params = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT, Gravity.CENTER);  
  71.         params.width = LayoutParams.WRAP_CONTENT;  
  72.         params.height = LayoutParams.WRAP_CONTENT;  
  73.         webView.setMinimumHeight(500);  
  74.         webViewLayout.addView(webView, params);  
  75.     }  
private void showImageByWebView(String path){
		webViewLayout = (LinearLayout) findViewById(R.id.img_webview);
		webView = new WebView(this);
		
		String url = "file://"+ path;
		
		int[] wh = new int[2];
		int disenty;//屏幕密度
		WindowManager wManager = this.getWindowManager();
		DisplayMetrics  disM = new DisplayMetrics();
		wManager.getDefaultDisplay().getMetrics(disM);  
		disM = this.getResources().getDisplayMetrics();	
		disenty = disM.disenty;
		wh[0] = dis.widthPixels;
		Rect outRect = new Rect();
		webViewLayout.getWindowVisibleDisplayFrame(outRect); //获取状态栏高度
		int contentHeight = (int) (wh[1] - this.getResources().getDimension(R.dimen.title_height) - outRect.top - 30); //获取webview应该显示的高度，屏幕高度减去标题栏高度和状态栏高度
		
		BitmapFactory.Options options = new BitmapFactory.Options();
		options.inJustDecodeBounds = true; 
		BitmapFactory.decodeFile(path, options); // 因为设置了inJustDecodeBounds=true 所以此时返回的 bitmap 为 null,仅取出bitmap的信息,而不把它读到内存
		options.inJustDecodeBounds = false;  
        
		int bitmapWidth = options.outWidth; 
		int bitmapHeight = options.outHeight; 
		
		String style = "";
		int[] imgDis = new int[2];
		int minHeight = getResources().getDimensionPixelSize(R.dimen.loadview_img_minheight);
		
		//注;由于webview将会设置settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);表示单列所以宽度适应内容大小，所以宽度大于屏幕而高度小于屏幕时不需要再压缩
		if(bitmapHeight > (float)contentHeight/disenty){
			double scale = 0.00f;
			scale = (double)contentHeight / bitmapHeight;
			imgDis[0] = (int) (scale * bitmapWidth / (disenty + 0.1));//这里加上了0.1的原因与以上减30一样，webview宽高肯定大于图片内容所显示的宽度，里面还会有padding属性
			imgDis[1] = (int) (scale * bitmapHeight / (disenty + 0.1));
			style = "style=\"width: " + imgDis[0] + "px; height: " + imgDis[1] + "px;\"";
		}else if(bitmapHeight < minHeight){
			double scale = (double)minHeight/bitmapHeight ;
			int width = (int) (scale * bitmapWidth);
			style = "style=\"width: " + width / disenty + "px; height: " + minHeight / disenty + "px;\"";
		}

		StringBuffer data = new StringBuffer();
		data.append("<html><center><img src=\"")
					.append(url)
					.append("\" ")
					.append(style)
					.append("></center></html>");

		webView.loadDataWithBaseURL(url, data.toString(), "text/html","UTF-8","");
		webView.setScrollContainer(false);
		webView.setScrollbarFadingEnabled(false);
		
		WebSettings settings = webView.getSettings();
		settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
		settings.setBuiltInZoomControls(false); // 设置显示缩放按钮
		settings.setSupportZoom(true); //支持缩放
		//webView.setInitialScale(100);
		
		// settings.setUseWideViewPort(true); //双击放大，但是在这里如果放大将会有问题
		// settings.setLoadWithOverviewMode(true);//多窗口预览方式显示
		
		webView.setBackgroundColor(0x00000000);
	
//		View zoomControls = webView.getZoomControls();
//		LayoutParams paramszoom = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
//		zoomControls.setLayoutParams(paramszoom);
		
		LayoutParams params = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT, Gravity.CENTER);
		params.width = LayoutParams.WRAP_CONTENT;
		params.height = LayoutParams.WRAP_CONTENT;
		webView.setMinimumHeight(500);
		webViewLayout.addView(webView, params);
	}


核心布局代码如下：

[html] view plain copy print ?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:orientation="vertical" >  
  6.   
  7.     <!-- .....-->  
  8.       
  9.           
  10.     <LinearLayout   
  11.         android:id="@+id/img_webview"  
  12.         android:layout_width="fill_parent"  
  13.         android:layout_height="fill_parent"  
  14.         android:layout_centerInParent="true"  
  15.         android:minHeight="200dip"  
  16.         android:minWidth="200dip"  
  17.         android:gravity="center"  
  18.         android:paddingTop="@dimen/title_normal_height"  
  19.         />  
  20.   
  21. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

	<!-- .....-->
    
        
    <LinearLayout 
        android:id="@+id/img_webview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
		android:layout_centerInParent="true"
		android:minHeight="200dip"
        android:minWidth="200dip"
        android:gravity="center"
        android:paddingTop="@dimen/title_normal_height"
        />

</RelativeLayout>

yuanyuan_186
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android正确释放webview,Android清除webview线程，释放内存，避免OutOfMemoryError
weixin_39523835的博客
05-26 1128
我正在webview中显示一个相当大的图像，以便查看缩放function和其他便利已经可用。它第一次正确显示。 但是，在离开活动并回到它之后，应用程序在与webview线程相关的OutofMemoryError上崩溃。我已经尝试了几件事情来尝试closureswebview或停止线程，或清除其使用内存，但无济于事。 以下是我添加到我的活动onStop()函数中的代码示例wv.stopLoading...
Android out of memory应注意的地方
xiangyong2008的专栏
08-02 2665
<br />1.大量查询数据库时cursor没有关闭<br />错误写法：<br /> Cursor cursor = getContentResolver().query( );<br /> if(cursor != null)<br />{<br />       cursor.moveTOFirst();<br />       while(!cursor.isAfterLast())<br />       {<br />             ..............<br />      
android webview 内存溢出,Android 内存溢出和内存泄漏的问题
weixin_34244326的博客
05-26 690
Android 内存溢出和内存泄漏的问题在面试中，经常有面试官会问“你知道什么是内存溢出？什么是内存泄漏？怎么避免？”通过这篇文章，你可以回答出来了。内存溢出(OOM)是指程序在申请内存时，没有足够的内存空间供其使用，出现out of memory；比如只申请了一个integer,但给它存了long才能存下的数，那就会出现内存溢出。内存泄露(memory leak)是指程序在申请内存后，无法释放已...
Android使用WebView加载图片防止OutOfMemoryError
iteye_17138的博客
06-09 405
在Android中， 大图片加载或者处理很容易出来OutOfMemory，也就是内存溢出 所以在这里就使用WebView来加载大图片，但是WebView不好控制图片显示大小，也就是说 如果图片太大，webview将出一滚动条，图片过小则不可拉伸，极其影响美观。为此，作了些 修改，在一定区域内做一些图片尺寸的压缩。 主要实现方式：由WebView的父控件居中布局来控制垂直方向的居...
Android适配利用webview加载后图片显示过大的问题解决
08-25
总之，通过启用JavaScript、设置自定义WebViewClient以及使用JavaScript来重置图片尺寸，我们成功解决了Android Webview加载后图片显示过大的问题。这种方法简单而有效，适用于大多数情况。当然，对于更复杂的网页和...
Android开发实现webview中img标签加载本地图片的方法
08-29
Android开发中要实现webview中img标签加载本地图片，需要使用到WebView组件和WebSettings类。首先，需要在AndroidManifest.xml文件中添加INTERNET权限，以便WebView可以访问互联网。然后，在Activity中，需要获取...
Android webview加载网页.zip
04-17
这个“Android webview加载网页.zip”文件可能包含了一个示例项目或者教程，帮助开发者理解如何在Android应用中有效地使用WebView。 WebView的使用涉及到以下几个关键知识点： 1. **WebView组件引入**：在...
Android实现WebView懒加载
08-27
通过懒加载，我们可以先加载页面的基本结构，然后在用户滚动到相应位置时再加载图片或其他非必需资源，从而提高初始加载速度。 在Android 8.0（API级别26）之前，原生的WebView性能可能无法满足需求，特别是在处理...
Android WebView加载网页以及本地图片缓存问题
03-03
本文将深入探讨如何使用WebView加载网页以及本地图片，并解决缓存问题。 一、WebView的基本使用 1. 初始化WebView：首先，我们需要在布局XML文件中添加WebView组件，并在对应的Activity或Fragment中找到该组件。...
webView解决内存泄漏
12-08
webView解决内存泄漏，动态添加webView，创建act时add进来，停止时remove
WebView显示h5图片并点击放大过多后的内存泄漏问题
weixin_34419321的博客
12-02 377
最近在项目开发中用webview去显示加载h5内容，而h5内容中有一些图片，并且可以点击放大看图。在比较变态的测试方法（点击图片放大，关闭当前界面，再进入，再点击图片放大，大概10次左右）后，会导致图片点击没反映了（其实就是webview内存泄漏了）。错误信息如下：12-02 10:46:19.824: E/Surface(19632): dequeueBuffer ...
UIWebView内存占用过高、崩溃、内存溢出
Liangyc0129的博客
06-29 2549
UIWebView内存占用过高、崩溃、内存溢出，有需要的朋友可以参考下。 (同时笔者建议使用 WKWebView   iOS8以后新出的替代webview 的，性能优化得到很大一步的提升) 项目当中模拟器上运行UIWebView读取本地杂志,没问题，真机测试经常内存溢出崩溃。 查了资料因为Html里的js 导致的内存泄漏，每次打开一个连接就会把“WebKitCacheModel
Android如何捕获内存溢出,Android 捕获OOM方法
weixin_30346025的博客
06-03 452
本文不是讲什么时候会发生OOM，而是讲OOM发生了如何去捕获他，处理它最近在分析Volley通信框架，看到ImageRequest的一段代码，非常值得借鉴/** Decoding lock so that we don't decode more than one image at a time (to avoid OOM's) */private static final Object sDec...
记一次GL error: Out of memory!的崩溃
jimmy0513的专栏
05-09 8971
现象描述： 设备外接UVC摄像头，使用uvccamera库去打开，在进行打开->关闭压测的过程中，发现到了940多次进程就崩溃，大致log如下： 2020-05-04 17:23:52.983 8657-8684/com.xx.xx E/Parcel: dup() failed in Parcel::read, i is 1, fds[i] is -1, fd_count is 2, error: Too many open files 2020-05-04 17:23:52.983 8657-868
Android遇到内存溢出（Out Of Memory）BUG的经验与解决方法
码农
08-22 3615
原帖地址：http://blog.csdn.net/ekechang/article/details/6706602 突然出现的Out Of Memory这个BUG导致我们项目中断了好几天，在经过不断地摸索之后，今天终于得到了解决。鉴于其强大的破坏力与多发性（尤其是当开发图形丰
Android webView 内存溢出解决方案
weixin_34352005的博客
11-21 774
2019独角兽企业重金招聘Python工程师标准>>> ...
Android GL_OUT_OF_MEMORY
Crystal_xing的专栏
11-06 1807
E/VLC-std: ../../modules/video_output/opengl/vout_helper.c:1661: vout_display_opengl_Display: assertion "!"GL_OUT_OF_MEMORY"" failed A/libc: ../../modules/video_output/opengl/vout_helper.c:1661: vout...
android 加载webview图片加载不出来
最新发布
06-06
2. 缓存问题：WebView 默认启用了缓存，可能会导致图片无法加载。可以通过 WebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE); 禁用缓存。 3. 图片链接问题：请确保图片链接正确可用。 4. 混淆问题...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值