Android UI之ImageView實現圖片旋轉和縮放_Android

這一篇，給大家介紹一下ImageView控制項的使用，ImageView主要是用來顯示圖片，可以對圖片進行放大、縮小、旋轉的功能。
android:sacleType屬性指定ImageVIew控制項顯示圖片的方式，例如：center表示映像以不縮放的方式顯示在ImageView控制項的中心，如果設定為fitCenter，表示映像按照比例縮放至合適的位置，並在ImageView控制項的中心。
首先我們開發一個簡單的案例，實現圖片的放大縮小和旋轉：
先看看實現的效果：
縮放截圖1：

縮放截圖2：

旋轉截圖1：

旋轉截圖2：

在實現圖片的縮放和旋轉時，我們都需要用到android.graphics.Matrix這個類，對於Matrix在API中的介紹如下：
Class Overview
The Matrix class holds a 3x3 matrix for transforming coordinates. Matrix does not have a constructor, so it must be explicitly initialized using either reset() - to construct an identity matrix, or one of the set..() functions (e.g. setTranslate, setRotate, etc.).

本執行個體中使用到android.graphics.Matrix的 setRotate方法來設定旋轉角度，以下是API中的該方法介紹：

void setRotate(float degrees, float px, float py)Set the matrix to rotate by the specified number of degrees, with a pivot point at (px, py).

原始碼：
MainActivity.java

[html] view plaincopyprint?package com.imageview.activity;  import com.imageview.activity.R; import android.app.Activity; import android.graphics.Bitmap; import android.graphics.Matrix; import android.graphics.drawable.BitmapDrawable; import android.os.Bundle; import android.util.DisplayMetrics; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.SeekBar; import android.widget.SeekBar.OnSeekBarChangeListener;  public class MainActivity extends Activity implements OnSeekBarChangeListener {  private int minWidth = 80;  private ImageView imageView;  private SeekBar seekBar1;  private SeekBar seekBar2;  private Matrix matrix = new Matrix();   @Override  public void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.main);   imageView = (ImageView) findViewById(R.id.imageview1);   seekBar1 = (SeekBar) findViewById(R.id.seekbar1);   seekBar2 = (SeekBar) findViewById(R.id.seekbar2);   seekBar1.setOnSeekBarChangeListener(this);   seekBar2.setOnSeekBarChangeListener(this);   // 定義一個DisplayMetrics對象，用來顯示旋轉的映像   DisplayMetrics dm = new DisplayMetrics();   // 根據手機螢幕大小來縮放   getWindowManager().getDefaultDisplay().getMetrics(dm);   seekBar1.setMax(dm.widthPixels - minWidth);  }   @Override  public void onProgressChanged(SeekBar seekBar, int progress,boolean fromUser) {   switch (seekBar.getId()) {   case R.id.seekbar1:    int newWidth = progress + minWidth;    int newHeight = (int) (newWidth * 3 / 4);    imageView.setLayoutParams(new LinearLayout.LayoutParams(newWidth,newHeight));    break;   case R.id.seekbar2:    Bitmap bitmap = ((BitmapDrawable) getResources().getDrawable(R.drawable.pic)).getBitmap();    // 設定旋轉角度    matrix.setRotate(progress);    // 重新繪製Bitmap    bitmap = Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(),bitmap.getHeight(), matrix, true);    imageView.setImageBitmap(bitmap);    break;   }  }   @Override  public void onStartTrackingTouch(SeekBar seekBar) {   }   @Override  public void onStopTrackingTouch(SeekBar seekBar) {   } } 

布局檔案main.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="fill_parent"  android:layout_height="fill_parent"  android:orientation="vertical" >  <ImageView   android:layout_width="200dp"   android:layout_height="150dp"   android:scaleType="fitCenter"   android:background="#FFFFFF"   android:src="@drawable/pic"   android:id="@+id/imageview1"/>  <SeekBar   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:max="100"   android:id="@+id/seekbar1"/>  <TextView   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="拖動來縮放圖片" />  <SeekBar   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:max="100"   android:id="@+id/seekbar2"/>  <TextView   android:layout_width="fill_parent"   android:layout_height="wrap_content"   android:text="拖動來旋轉圖片" /> </LinearLayout> 

最後說明一點，要在ImageView中顯示的圖片進行旋轉，請選擇一張符合Matrix的3*3矩陣的圖片，否則在旋轉過程中超過螢幕寬度會引起報錯，本例中選取的是一張正方形的圖片，如果是長方形的建議做一下代碼邏輯判斷處理。
以上就是關於Matrix的實現效果，希望對大家的學習有所協助。