安卓控件使用系列16：ImageView实现图片缩放和旋转

在安卓中使用ImageView控件对图片进行旋转和缩放操作是经常遇到的开发背景，下面我们来分享一下它的实现方法。

这个例子实现的是通过滑动滑杆来控制图片的缩放和旋转，并显示缩放的大小和旋转的角度。

整体思路：首先在布局文件中定义一个ImageView控件，用于设置图片，放置两个SeekBar控件用于表示缩放和旋转的状态，放置两个TextView控件用于显示缩放的大小和旋转的角度；在活动中实现OnSeekBarChangeListener，在onProgressChanged这个方法中如果滑动的是第一个SeekBar控件，按比例设置图片的宽度和高度，并在TextView控件上显示图片的宽度和高度；如果滑动的是第二个SeekBar控件，把资源中的图片转换为位图，设置旋转角度，创建设置旋转了这个角度的位图，将这个位图绑定到这个ImageView控件上，并在TextView控件上显示旋转的角度。

activity_main.xml文件：

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<ImageView
android:id="@+id/imageview"
android:layout_width="200dp"
android:layout_height="150dp"
android:src="@drawable/dog"
android:scaleType="fitCenter"
/>
<TextView
android:id="@+id/textview1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="宽度240，高度160"
android:layout_marginTop="10dp"
/>
<SeekBar
android:id="@+id/seekbar1"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:max="240"
android:progress="120"
android:layout_marginTop="10dp"
/>

<TextView
android:id="@+id/textview2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="0度"
android:layout_marginTop="10dp"
/>
<SeekBar
android:id="@+id/seekbar2"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:max="360"
/>
</LinearLayout>

MainActivity.java文件：

public class MainActivity extends Activity implements OnSeekBarChangeListener{
private int minWidth=80;
private ImageView imageview;
private TextView textview1,textview2;
private SeekBar seekbar1,seekbar2;
private Matrix matrix=new Matrix();//定义一个旋转的类，用来设置旋转的角度

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageview=(ImageView)findViewById(R.id.imageview);
textview1=(TextView)findViewById(R.id.textview1);
textview2=(TextView)findViewById(R.id.textview2);
seekbar1=(SeekBar)findViewById(R.id.seekbar1);
seekbar2=(SeekBar)findViewById(R.id.seekbar2);
seekbar1.setOnSeekBarChangeListener(this);
seekbar2.setOnSeekBarChangeListener(this);

//		这三个其实对本功能没有影响，可以去掉。
DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
seekbar1.setMax(dm.widthPixels-minWidth);
}

@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
// TODO Auto-generated method stub
if(seekBar.getId()==R.id.seekbar1){
int newWidth=progress+minWidth;
int newHeight=(int)(newWidth*3/4);//按原图片比例进行缩放
imageview.setLayoutParams(new LinearLayout.LayoutParams(newWidth,newHeight));
textview1.setText("图像宽度"+newWidth+"图像宽度"+newHeight);
}else if(seekBar.getId()==R.id.seekbar2){
Bitmap bitmap=((BitmapDrawable)(getResources().getDrawable(R.drawable.dog))).getBitmap();
matrix.setRotate(progress);//设置翻转的角度
bitmap=Bitmap.createBitmap(bitmap,0,0,bitmap.getWidth(),bitmap.getHeight(),matrix,true);
imageview.setImageBitmap(bitmap);
textview2.setText(progress+"度");
}
}

@Override
public void onStartTrackingTouch(SeekBar seekBar) {
// TODO Auto-generated method stub

}

@Override
public void onStopTrackingTouch(SeekBar seekBar) {
// TODO Auto-generated method stub

}

}