android 长图显示模糊,android 加载大图长图失真或者不显示

Android 加载大图或者长图时会遇到失真或者不显示的问题(imageloader 一般会失真，fresco一般不会显示)。

1、首先说一下为什么会出现这样的情况。

Canvas在绘制Bitmap的时候其实对Bitmap的长宽是有限制的，一般是2048或者是4096.这个值可以通过下面代码获取

int[] maxTextureSize = new int[1];

GLES10.glGetIntegerv(GL10.GL_MAX_TEXTURE_SIZE, maxTextureSize, 0);

int maxBitmapDimension = Math.max(maxTextureSize[0], 2048);

maxBitmapDimension 就是Canvas 可以绘制Bitmap的最大宽高。Imageloader 在加载图片时对Bitmap 宽高做了限制，加载的图片都在这个值以内。比如你要加载的图片高度为8000，而你的手机的Canvas 可绘制图片高度最大值为4096，imageloader经过处理之后加载的图片高度其实是2000，比原始图片缩小了四倍，所以看起来才会模糊。而fresco 没有做这样的处理，所以图片不会显示，只会有异常提示：Bitmap too large to be uploaded into a texture 。

2、下面我们就来解决这个问题。

既然Canvas 只能绘制比4096小的图片，那我们就只能把图片限制在4096以内，但是我们又不显图像失真，所以不能采取像素压缩，那么怎么办呢。我们可以利用BitmapRegionDecoder类。BitmapRegionDecoder 可以获取指定区域的图片。比如高度为8000的图片。我们可以用BitmapRegionDecoder生成两张高度为4000的图片。这样我们就可以用Canvas把两张图片画出来。

public class BigImageView extends ImageView{

private int windowWidth;

private BitmapRegionDecoder mDecoder;

private Rect bsrc;

private Rect src;

private Rect dst;

private Paint paint;

private ArrayList bmps;

public BigImageView(Context context) {

super(context);

// TODO Auto-generated constructor stub

init();

}

public BigImageView(Context context, AttributeSet attrs) {

super(context, attrs);

// TODO Auto-generated constructor stub

init();

}

private void init() {

// TODO Auto-generated method stub

windowWidth = getResources().getDisplayMetrics().widthPixels;

bmps = new ArrayList();

src = new Rect();

dst = new Rect();

bsrc = new Rect();

paint = new Paint();

paint.setAntiAlias(true);

paint.setFilterBitmap(true);

}

@Override

protected void onDraw(Canvas canvas) {

// TODO Auto-generated method stub

int count = bmps.size();

for(int i = 0;i

Bitmap bmp = bmps.get(i);

src.left = 0;

src.top = 0;

src.right = bmp.getWidth();

src.bottom = bmp.getHeight();

dst.left = 0;

dst.top = i*getHeight()/count;

dst.right = getWidth();

dst.bottom = dst.top+getHeight()/count;

canvas.drawBitmap(bmp, src, dst, paint);

}

}

@Override

public void setImageBitmap(final Bitmap bm) {

super.setImageBitmap(bm);

if(bm!=null){

float imgmul = (float)bm.getHeight()/(float)bm.getWidth();

LayoutParams lp = this.getLayoutParams();

lp.width = windowWidth;

lp.height = (int) (imgmul*windowWidth);

this.setLayoutParams(lp);

}

new Thread() {

public void run() {

try{

int imageCount = bm.getHeight() % ImageUtils.getMaxHeight();

ByteArrayOutputStream baos = new ByteArrayOutputStream();

bm.compress(Bitmap.CompressFormat.PNG, 100, baos);

InputStream isBm = new ByteArrayInputStream(baos.toByteArray());

mDecoder = BitmapRegionDecoder.newInstance(isBm, true);

for (int i = 0; i < imageCount; i++) {

bsrc.left = 0;

bsrc.top = i*bm.getHeight()/imageCount;

bsrc.right = bm.getWidth();

bsrc.bottom = bsrc.top+bm.getHeight()/imageCount;

Bitmap bmp = mDecoder.decodeRegion(bsrc,null);

bmps.add(bmp);

}

postInvalidate();

}catch(Exception e){

e.printStackTrace();

}

}

}.start();

}

}

public class ImageUtils {

private static final int DEFAULT_MAX_BITMAP_DIMENSION = 2048;

private static int maxHeight = 0;

static {

int[] maxTextureSize = new int[1];

GLES10.glGetIntegerv(GL10.GL_MAX_TEXTURE_SIZE, maxTextureSize, 0);

maxHeight = Math.max(maxTextureSize[0], DEFAULT_MAX_BITMAP_DIMENSION);

}

public static int getMaxHeight(){

return maxHeight;

}

}