Android中关于ImageView网络获取的图片的缩放问题

81 阅读 0 评论 54 点赞

我是靠谱客的博主义气画笔，最近开发中收集的这篇文章主要介绍Android中关于ImageView网络获取的图片的缩放问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

公司的项目要求从网络获取的图片，显示时宽度与屏幕的宽度差不多，高度要按照比例来缩放。

方法一。用xml配置

用xml里面的配置宽度最大化，自动缩放：

<ImageView

android:id="@+id/imageview_node_photo"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:scaleType="fitCenter"

在代码里面：用 imageview_node_photo.setBackgroundDrawable(imageDrawable) (说明：imageDrawable是网络获取的Drawable图片)，发现宽度是拉伸了，但高度没有变；用 imageview_node_photo.setImageDrawable(imageDrawable)，发现宽度与高度都没有变；就是把：android:scaleType="fitXY"效果也是差不多。失败！

方法二：用Bitmap图片的缩放

用xml里面的配置宽度与高度内容包裹：

<ImageView

android:id="@+id/imageview_node_photo"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

写了一个图片的缩放函数：根据屏幕的宽度screenWidth按比例等到高度，再输出图片

public static Drawable resizeImage(Bitmap bitmap, int screenWidth) {

int width = bitmap.getWidth();

int height = bitmap.getHeight();

int newWidth = screenWidth;

int newHeight = screenWidth*height/width; // 根据屏幕的宽度，计算按比较缩放后的高度

Log.i(TAG,"width图片原始宽度：" + String.valueOf(width));

Log.i(TAG,"height图片原始高度：" + String.valueOf(height));

// calculate the scale

float scaleWidth = ((float) newWidth) / width;

float scaleHeight = ((float) newHeight) / height;

// create a matrix for the manipulation

Matrix matrix = new Matrix();

// resize the Bitmap

matrix.postScale(scaleWidth, scaleHeight);

// if you want to rotate the Bitmap

// matrix.postRotate(45);

// recreate the new Bitmap

Bitmap resizedBitmap = Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true);

Log.i(TAG,"width图片缩放后宽度：" + resizedBitmap.getWidth());

Log.i(TAG,"height图片缩放后高度：" + resizedBitmap.getHeight());

// make a Drawable from Bitmap to allow to set the Bitmap

// to the ImageView, ImageButton or what ever

return new BitmapDrawable(resizedBitmap);

}

图片虽然比以前按比例是放大了点，但图片的显示宽度与屏幕宽度还是相差太远，我怀疑与手机的像素密度density有关系，看来还是行不通。（我试了一下，把屏幕的宽度与高度都再乘以2，虽然屏幕的宽度拉伸到了屏幕的宽度，但高度已经严重拉伸变形），失败！

方法三：用ImageView的布局来缩放

用xml里面的配置宽度与高度内容包裹，与方法二一样：

<ImageView

android:id="@+id/imageview_node_photo"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

用代码修改ImageView的布局来缩放图片：

Bitmap bitmap = ((BitmapDrawable)imageDrawable).getBitmap(); // 说明：imageDrawable是网络获取的Drawable图片

int margin = 10 ; // 左右两边到壁的距离

if(PublicData.screenWidth >= 600) // PublicData.screenWidth是手机屏幕的宽度

{

margin = 30;

}else if(PublicData.screenWidth >= 480 )

{

margin = 20;

}else if( PublicData.screenWidth >= 320 )

{

margin = 15;

}else

{

margin = 12;

}

int drawableWidth = PublicData.screenWidth - margin; // margin是左右两边到壁的距离

int drawableHeight = drawableWidth * bitmap.getHeight() / bitmap.getWidth();

Log.i(TAG,"PublicData.screenWidth=" + PublicData.screenWidth + " imageVieLayout.height=" + drawableWidth + " imageVieLayout.Width=" + drawableHeight );

LayoutParams params = new LayoutParams(drawableWidth, drawableHeight);

// layout里面的margin特性： public void setMargins(int left, int top, int right, int bottom)

params.setMargins(2, 20, 0, 0);

imageview_node_photo.setLayoutParams(params);

imageview_node_photo.setBackgroundDrawable(imageDrawable);

一切ok！搞定！（缺点：边距不好控制）

在《 Android中关于ImageView网络获取的图片的缩放问题》里面发现，最好的方法三还是有点小缺陷，就是边距不是很好控制。还是回到方法二来,问过一个做Android底层仿iphone界面的朋友，他说他们以前做图片的时候是要乘一个比例，找了他以前的代码也没有找到。我到网络上搜索了一下，发现应该与前面我的猜测像素密度density有关，网上找了如下代码：

DisplayMetrics metrics = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(metrics);

Log.i(TAG, "metrics.density=" + metrics.density + " metrics.densityDpi=" + metrics.densityDpi + " metrics.heightPixels=" + metrics.heightPixels + "n metrics.scaledDensity=" + metrics.scaledDensity + " metrics.widthPixels=" + metrics.widthPixels + " metrics.xdpi=" + metrics.xdpi + "n metrics.ydpi=" + metrics.ydpi );

运行在nexus s上，metrics.density=1.5，修改方法二的代码： resizeImage(Bitmap bitmap, int screenWidth)里面的参数screenWidth传入为：屏幕像素PublicData.screenWidth * metrics.density，设置xml的边距，一切ok！

http://mantocom.i.sohu.com/blog/view/183027253.htm