Android 动态放大缩小ImageView里的图片

运用Matrix对象来缩放图片文件

范例说明

手机的功能越来越强大，相机功能俨然成为目前手机的标准配备，浏览相片也成为手机必备的功能，能够在浏览相片的同时，对相片作放大缩小的查看，也是一项基本的要求。

本范例将运用Martix（android.graphics.Matrix）对象的postScale()方法来实现在手机上缩放图片的功能，在实现本范例前，需先在/res/drawable/中放入一张图片。以本范例而言，图片文件路径为/res/drawable/ex04_23.png，程序会预先将图片加载到ImageView Widget中，并设计两个Button，一个有放大的功能、一个有缩小的功能，以显示图片放大缩小的效果。为了避免ImageView在放大的过程中，无止境地超过屏幕的尺寸，程序将在放大阶段控制图片的最大宽高。

运行结果

范例程序EX04_23.java

程序中的small()方法会将图片缩小为原尺寸的4/5，big()方法会将图片放大为原尺寸的1.25倍，当放大按钮的onClick事件被触发时，会运行big()方法；缩小按钮的onClick事件被触发时，则运行small()方法。

程序中以Matrix对象搭配Bitmap的createBitmap()方法来对图片进行缩放，并利用DisplayMetrics对象来取得屏幕显示大小，用以控制图片放大后的尺寸不会超过屏幕显示的区域。

 

/* import程序略 */
public class EX04_23 extends Activity
{
/* 相关变量声明 */
private ImageView mImageView;
private Button mButton01;
private Button mButton02;
private RelativeLayout layout1;
private Bitmap bmp;
private int id=0; 

private int displayWidth;
private int displayHeight;
private float scaleWidth=1; 

private float 
					scaleHeight=1; 

/** Called when the activity is first 
					created. */
@Override
public void onCreate(Bundle 
					savedInstanceState)
{
super.onCreate(savedInstanceState);
/*加载main.xml Layout */
setContentView(R.layout.main);
/* 取得屏幕分辨率大小 */
DisplayMetrics dm=new 
					DisplayMetrics();

					getWindowManager().getDefaultDisplay().getMetrics(dm);
displayWidth=dm.widthPixels; 

/* 屏幕高度须扣除下方Button高度 */
displayHeight=dm.heightPixels-80; 

/* 初始化相关变量 */
bmp=BitmapFactory.decodeResource(getResources(), 

R.drawable.ex04_23);
mImageView = 
					(ImageView)findViewById(R.id.myImageView);
layout1 = 
					(RelativeLayout)findViewById(R.id.layout1);
mButton01 = 
					(Button)findViewById(R.id.myButton1);
mButton02 = 
					(Button)findViewById(R.id.myButton2);
/* 缩小按钮onClickListener */
mButton01.setOnClickListener(new 
					Button.OnClickListener()
{
@Override
public void onClick(View v)
{
small();
}
});
/* 放大按钮onClickListener */
mButton02.setOnClickListener(new Button.OnClickListener() 

{
@Override
public void onClick(View v)
{
big();
}
});
}

/* 图片缩小的method */
private void small()
{
int bmpbmpWidth=bmp.getWidth(); 

int bmpbmpHeight=bmp.getHeight(); 

/* 设置图片缩小的比例 */
double scale=0.8; 

/* 计算出这次要缩小的比例 */
scaleWidth=(float) (scaleWidth*scale); 

scaleHeight=(float) 
					(scaleHeight*scale);
/* 产生reSize后的Bitmap对象 */
Matrix matrix =
					new Matrix();
matrix.postScale(scaleWidth, scaleHeight); 

Bitmap resizeBmp =
					Bitmap.createBitmap(bmp,0,0,bmpWidth, 


					bmpHeight,matrix,true);
if(id==0) 

{
/* 如果是第一次按，就删除原来默认的ImageView */
layout1.removeView(mImageView);
}
else
{
/* 如果不是第一次按，就删除上次放大缩小所产生的ImageView */

					layout1.removeView((ImageView)findViewById(id));
}
/* 
					产生新的ImageView，放入reSize的Bitmap对象，再放入Layout中 */
id++;
ImageView imageView 
					= new 
					ImageView(EX04_23.this);
imageView.setId(id);
imageView.setImageBitmap(resizeBmp);
layout1.addView(imageView);
setContentView(layout1);
/* 因为图片放到最大时放大按钮会disable，所以在缩小
					时把它重设为enable */
mButton02.setEnabled(true);
}
/* 图片放大的method */
private void big()
{
int bmpbmpWidth=bmp.getWidth(); 

int bmpbmpHeight=bmp.getHeight(); 

/* 设置图片放大的比例 */
double scale=1.25; 

/* 计算这次要放大的比例 */
scaleWidth=(float)(scaleWidth*scale); 

scaleHeight=(float)(scaleHeight*scale); 


/* 产生reSize后的Bitmap对象 */
Matrix matrix 
					= new Matrix();
matrix.postScale(scaleWidth, scaleHeight);
Bitmap resizeBmp 
					= Bitmap.createBitmap(bmp,0,0,bmpWidth, 


					bmpHeight,matrix,true);

if(id==0)
{
/* 如果是第一次按，就删除原来设置的ImageView */
layout1.removeView(mImageView);
}
else
{
/* 如果不是第一次按，就删除上次放大缩小所产生的ImageView */
layout1.removeView((ImageView)findViewById(id));
}
/* 产生新的ImageView，放入reSize的Bitmap对象，再放入Layout中 */
id++;
ImageView imageView =
					new 
					ImageView(EX04_23.this);
imageView.setId(id);
imageView.setImageBitmap(resizeBmp);
layout1.addView(imageView);
setContentView(layout1);

/* 如果再放大会超过屏幕大小，就把Button disable */
if(scaleWidth*scale*bmpWidth>displayWidth|| 

scaleHeight*scale*bmpHeight>displayHeight) 

{
mButton02.setEnabled(false);
}
}
}

 

因为在Android中不允许ImageView在产生后，动态修改其长度与宽度，所以为了实现图片放大、缩小的功能，使用的方式是当用户在单击放大或缩小的按钮时，除了将图片作放大或缩小的动作外，并将原来Layout中的ImageView删除，重新产生一个新的ImageView，指定图片给它后，再放入Layout里。用户看起来，就好像是同一张图片在放大或缩小。

在放大、缩小图片文件时使用的Martix对象，除了可以用来作图片的缩放外，还有非常实用的旋转效果，我们将会在后面的范例中示范。