Android中超大图片无法显示的问题解决

发现问题

最近在做图片浏览功能时遇到了一个很蛋疼的问题,在开启硬件加速情况下,超大图无法正常显示(图的长宽有一个大于9000),而且程序不会crash,只是图片加载不出来,View显示为黑色。通过查看日志,发现系统打印出了下面的内容:

W OpenGLRenderer( 4014): Bitmap too large to be uploaded into a texture (600x9518, max=8192x8192) 

从日志内容可以看出,这是由OpenGL打印出来的日志,是由于图片的尺寸太大导致的。而且我们可以发现,由于这个问题系统日志是以Warning级别打印出来的,并没有抛出异常,程序并不会报错,只是图片显示不出来,很难发现问题。当我们把页面的硬件加速关掉后,图片就可以显示出来了。

问题分析

从日志最后的内容可以看出,OpenGL对图片尺寸的限制是8192,这个尺寸是怎么得到的呢?是否所有的设备都是这个值呢?

要解释这个问题,需要先来看一下GLES10中的一个常量GL_MAX_TEXTURE_SIZE,从字面上看,它表示Texture的最大值。 查看文档:

https://www.khronos.org/opengles/sdk/1.1/docs/man/glGet.xml

这里给出的解释是: The value gives a rough estimate of the largest texture that the GL can handle。也就是OpenGL可以处理的最大尺寸的粗略估计值。既然是粗略估计值,那肯定是有一个准确值的。

网上搜索了一下,基本上都是说通过执行下面的代码,可以得到这个准确值。

int[] maxTextureSize = new int[1];
GLES10.glGetIntegerv(GL10.GL_MAX_TEXTURE_SIZE, maxTextureSize, 0); 

然而,这段代码在我的设备上运行的结果始终是0。这是由于在Android 5.0之后,在进行OpenGL方法的调用时,需要手动创建OpenGL的Context。而这个工作在5.0之前是由framework来完成的。我们这里就是因为没有创建这个Context导致调用结果为0。

那么有效的代码就是下面这样子的:

private void getGLESTextureLimitBelowLollipop() {
 int[] maxSize = new int[1];
 GLES10.glGetIntegerv(GLES10.GL_MAX_TEXTURE_SIZE, maxSize, 0);
 Toast.makeText(this," " + maxSize[0],Toast.LENGTH_LONG).show();
} 

private void getGLESTextureLimitEqualAboveLollipop() {
 EGL10 egl = (EGL10) EGLContext.getEGL();
 EGLDisplay dpy = egl.eglGetDisplay(EGL10.EGL_DEFAULT_DISPLAY);
 int[] vers = new int[2];
 egl.eglInitialize(dpy, vers);
 int[] configAttr = {
  EGL10.EGL_COLOR_BUFFER_TYPE, EGL10.EGL_RGB_BUFFER,
  EGL10.EGL_LEVEL, 0,
  EGL10.EGL_SURFACE_TYPE, EGL10.EGL_PBUFFER_BIT,
  EGL10.EGL_NONE
 };
 EGLConfig[] configs = new EGLConfig[1];
 int[] numConfig = new int[1];
 egl.eglChooseConfig(dpy, configAttr, configs, 1, numConfig);
 if (numConfig[0] == 0) {// TROUBLE! No config found.
 }
 EGLConfig config = configs[0];
 int[] surfAttr = {
  EGL10.EGL_WIDTH, 64,
  EGL10.EGL_HEIGHT, 64,
  EGL10.EGL_NONE
 };
 EGLSurface surf = egl.eglCreatePbufferSurface(dpy, config, surfAttr);
 final int EGL_CONTEXT_CLIENT_VERSION = 0x3098; // missing in EGL10
 int[] ctxAttrib = {
  EGL_CONTEXT_CLIENT_VERSION, 1,
  EGL10.EGL_NONE
 };
 EGLContext ctx = egl.eglCreateContext(dpy, config, EGL10.EGL_NO_CONTEXT, ctxAttrib);
 egl.eglMakeCurrent(dpy, surf, surf, ctx);
 int[] maxSize = new int[1];
 GLES10.glGetIntegerv(GLES10.GL_MAX_TEXTURE_SIZE, maxSize, 0);
 egl.eglMakeCurrent(dpy, EGL10.EGL_NO_SURFACE, EGL10.EGL_NO_SURFACE,
  EGL10.EGL_NO_CONTEXT);
 egl.eglDestroySurface(dpy, surf);
 egl.eglDestroyContext(dpy, ctx);
 egl.eglTerminate(dpy); 

 Toast.makeText(this," " + maxSize[0],Toast.LENGTH_LONG).show();
} 
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
 getGLESTextureLimitEqualAboveLollipop();
} else {
 getGLESTextureLimitBelowLollipop();
} 

在我的5.0的手机上,执行上面的代码,得到这个最大值maxSize是16384,也就是说,当图片的长和宽有一个超过这个值得时候,在开启硬件加速的情况下,图片就显示不出来了。在不同的手机上运行上述代码,运行结果不尽相同,说明这个值是设备相关的。

问题解决

既然知道了问题所在,下面就是想办法来解决这个问题了。

首先,前面既然提到了是硬件加速导致的这个问题,最简单的方法当然是关闭硬件加速,可以在Activity级别,也可以在View级别关闭硬件加速。这种是属于简单粗暴型的。
Activity级别:

android:hardwareAccelerated="false"

View级别:

view.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

另外一种方法是通过缩小Bitmap的方式,保证图片的尺寸不会超过OpenGL的限制,但是,对于查看高清图的情况,不允许对图片进行缩放,这个方法是无效的。

最后也是最合理的方式,就是通过Android提供的BitmapRegionDecoder类来处理大图加载。它的原理是每次只根据需要加载图片的一部分,然后根据当前用户的操作去截取图片不同部分进行更新。具体的用法可以参考官方文档。

总结

以上就是这篇文章的全部内容了,希望本文的内容对各位Android开发者们能有一定的帮助,如果有疑问大家可以留言交流。

(0)

相关推荐

  • android自定义ImageView仿图片上传示例

    看下效果图 主要看下自定义view 代码 public class ProcessImageView extends ImageView{ private Context context; private Paint paint; private LogUtil log=LogUtil.getInstance(); int progress = 0; private boolean flag; public ProcessImageView(Context context) { super(co

  • Android自定义组件获取本地图片和相机拍照图片

    iOS中有封装好的选择图片后长按出现动画删除效果,效果如下 而Android找了很久都没有找到有这样效果的第三方组件,最后懒得找了还是自己实现这效果吧 选择图片后还可对图片进行剪裁 当然,代码中还有很多不完善的地方,我接下来会继续完善这个组件的 已经上传到开源社区,欢迎大家来Star啊~ Demo源码:传送门 设计中的碰到的一些问题和解决思路 1.如何让加号图片显示在GridView最后面 首先在调用GridAdapter构造方法时就加载加号图片 /** * 图片适配器 * @param con

  • Android自定义ImageView实现在图片上添加图层效果

    首先我们先看下效果图 实现思路 这是两张前后对比图,右边第二张图里面的已抢光标签图片当已经没有商品的时候就会显示了,在每个图片的中心位置,第一想法是在ImageView的外层再套一层RelativeLayout 实现方法 <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <SelectableRoundedImageVi

  • Android编程实现支持拖动改变位置的图片中叠加文字功能示例

    本文实例讲述了Android编程实现支持拖动改变位置的图片中叠加文字功能.分享给大家供大家参考,具体如下: 之所以做了这么一个Demo,是因为最近项目中有一个奇葩的需求:用户拍摄照片后,分享到微信的同时添加备注,想获取用户在微信的弹出框输入的内容,保存在自己的服务器上.而事实上,这个内容程序是无法获取的,因此采取了一个折衷方案,将文字直接写在图片上. 首先上Demo效果图: 功能: 1.用户自由输入内容,可手动换行,并且行满也会自动换行. 2.可拖动改变图片中文本位置(文字不会超出图片区域).

  • Android ViewPager加载图片效果

    目前项目中需要用到ViewPager加载图片,现在在此记录一下. 首先先看布局文件:activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.c

  • Android中从图库中选取图片实例详解

    android 从图库中选取图片 在android中,如何从图库gallary中挑选图片呢,其实很简单,步骤如下 1) 设计一个imageview,用来显示图库选出来的图片 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientati

  • Android百度地图应用之图层展示

    一.简介  1.地图类型  百度地图Android SDK 3.7.1提供了两种类型的地图资源(普通矢量地图和卫星图),开发者可以利用BaiduMap中的MapType属性(C#)来设置地图类型.C#核心代码如下: mMapView = FindViewById<TextureMapView>(Resource.Id.bmapView); mBaiduMap = mMapView.Map; //设置底图显示模式:普通地图 mBaiduMap.MapType = BaiduMap.MapType

  • Android 实现局部图片滑动指引效果

    Android 实现局部图片滑动指引效果 而ViewPager的事件监听器代码如下: // 滑动页面更改事件监听器 private class ImagePageChangeListener implements OnPageChangeListener { @Override public void onPageScrollStateChanged(int arg0) { // TODO Auto-generated method stub } @Override public void on

  • Android编程实现图片背景渐变切换与图层叠加效果

    本文实例讲述了Android编程实现图片背景渐变切换与图层叠加效果.分享给大家供大家参考,具体如下: 本例要实现的目的: 1.图片背景渐变的切换,例如渐变的从红色切换成绿色. 2.代码中进行图层叠加,即把多个Drawable叠加在一起显示在一个组件之上. 效果图: 代码很简单: (1)布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="

  • Android ViewPager实现图片轮翻效果

    很多App都有这种效果,特别一些电商类的App,顶部每隔几秒钟会向右翻页显示下张图片,用来作推广或者内容展示用的.今天来简单地模仿一下,还自带一个自动跳动的小功能(底部有几个小点,图片移动的时候,点的状态也在变化),用定时器来实现不难. import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.os.Handler

随机推荐