1.先上一張模擬觸控旋轉的效果圖。

2.下面是具體的實現，自定義Rview控制元件類繼承View,首先自定義Rview的屬性，在專案檔案的res/values目錄下新建attr.xml檔案。

attr.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="Rview">
        <attr name="src" format="reference" />
        <!-- 用於縮放旋轉的圖示 -->
    </declare-styleable>
</resources>
 

其次，在Rview裡重寫建構函式，onDraw()，onTouchEvent()方法。

Rview.Java

<pre name="code" class="java">package com.example.liutao.test;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.PointF;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by liutao on 2015/6/8.
 */
public class Rview extends View {
    private Bitmap mbitmap;//圖片的點陣圖
    public float mdegree = 0;//圖片旋轉角度，初始化為0
    private Matrix matrix = new Matrix();//用來旋轉圖片的矩陣
    private float viewHalfWidth;//畫布寬度的一半
    private float viewHalfHeight;//畫布高度的一半
    private PointF mCurMove = new PointF();//觸控點現在的座標

    private PointF viewCenter = new PointF();//元件的中心點座標


    public Rview(Context context, AttributeSet attr) {
        super(context, attr);
        //mTyped獲取佈局檔案中控制元件的屬性引數陣列
        TypedArray mTyped = getContext().obtainStyledAttributes(attr, R.styleable.Rview);
        //src獲取陣列中的圖片引數
        Drawable src = mTyped.getDrawable(R.styleable.Rview_src);
        //獲取圖片的點陣圖形式
        if (src instanceof BitmapDrawable) {
            BitmapDrawable bd = (BitmapDrawable) src;
            this.mbitmap = bd.getBitmap();
        }
        //陣列回收，以供下次使用
        mTyped.recycle();
    }

    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        if (mbitmap == null) return;
        //繪製圖片
        canvas.drawBitmap(mbitmap, matrix, null);

        viewHalfWidth = canvas.getWidth() / 2;
        viewHalfHeight = canvas.getHeight() / 2;
        //畫布的1/2寬度為中心點的X座標，1/2高度為中心點的Y座標
        viewCenter.set(viewHalfWidth, viewHalfHeight);
    }

    //響應控制元件的觸控事件
    public boolean onTouchEvent(MotionEvent event) {

        switch (event.getAction()) {
            //如果手指按下或者移動，那麼圖片也隨之相應地旋轉
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
                //設定現在手指觸控點的座標
                mCurMove.set(event.getX(), event.getY());

                mDegree(mCurMove);
                rotate(mdegree);
                break;
            //如果手指擡起，則停止響應觸控事件
            case MotionEvent.ACTION_UP:
                break;

        }
        return true;
    }

    //計算應該旋轉的角度
    public void mDegree(PointF cur) {
        //mDegree是圖片旋轉角度
        //獲取觸控點和中心點分別在水平和豎直方向的距離
        float x = cur.x - viewCenter.x;
        float y = cur.y - viewCenter.y;
        //特殊情況，y=0
        if (y == 0) {
            if (x > 0) {

                mdegree = -90;
            } else if (x < 0) {
                mdegree = 90;
            }
        } else {
            //tan(x/y)換算出角度edge
            float edge = (float) (Math.atan(Math.abs(x / y)) / (Math.PI) * 180);

            if (x >= 0 && y > 0) {
                //觸控點在分析圖的4位置
                mdegree = -edge;
            } else if (x > 0 && y < 0) {
                //觸控點在分析圖的2位置
                mdegree = -180 + edge;
            } else if (x <= 0 && y < 0) {
                //觸控點在分析圖的1位置
                mdegree = 180 - edge;
            } else if (x < 0 && y > 0) {
                //觸控點在分析圖的3位置
                mdegree = edge;
            }
        }
    }

    //用matrix矩陣旋轉圖片
    public void rotate(float degree) {
        //設定圖片縮放比例，這裡是1:1
        matrix.setScale(1.0f, 1.0f);
        //繞圖片中心點進行旋轉，旋轉角度為degree
        matrix.postRotate(degree, mbitmap.getWidth() / 2, mbitmap.getHeight() / 2);
        //請求重繪
        invalidate();
    }
}
 

3.在佈局檔案中，使用Rview。

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <com.example.liutao.test.Rview xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/mView"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"

        android:layout_width="240dp"
        android:layout_height="240dp"
        app:src="@drawable/chuyin" />

</RelativeLayout>
 

package com.example.liutao.test;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;


public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }


}

6.執行APP後就可以觸控圖片轉動它啦！