Android中实现图片的拖拽显示

下面介绍一下Android中的图片的拖拽

 

首先介绍处理手机的屏幕事件监听接口，当为View的范围内触摸按下、抬起或滑动等动作时都会触发该事件。

OnTouchListener

public boolean onTouch(View v, MotionEvent event)

Matrix

Matrix的操作，总共分为translate(平移)，rotate(旋转)，scale(缩放)和skew(倾斜)四种，每一种变换在Android的API里都提供了set, post和pre三种操作方式,除了translate，其他三种操作都可以指定中心点。set是直接设置Matrix的值，每次set一次，整个Matrix的数组都会变掉。post是后乘，当前的矩阵乘以参数给出的矩阵。可以连续多次使用post，来完成所需的整个变换。

 

实现图片的移动：

 

Activity中的文件代码：

public class MyDragTestActivity extends Activity {
    ImageView imageView = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        init();
    }
    private void init() {
 
       imageView = (ImageView) this.findViewById(R.id.imageView);
       imageView.setOnTouchListener(new ImageViewOnTouchListener());   

    }
     private final class ImageViewOnTouchListener
implements OnTouchListener{
           PointF startPoint = new PointF();
           Matrix m = new Matrix();
           public boolean onTouch(View v, MotionEvent event) {
              switch(event.getAction()&MotionEvent.ACTION_MASK){
              case MotionEvent.ACTION_DOWN://指点杆按下
                  //当前位子保存为新的起始点
                  startPoint.set(event.getX(),event.getY());
                  break;
              case MotionEvent.ACTION_MOVE://指点杆保持按下，并进行位移
                  float dx = event.getX()- startPoint.x;
                  float dy = event.getY()-startPoint.y;
                  m.postTranslate(dx, dy);
                  //将当前坐标保存为新起点
                  startPoint.set(event.getX(),event.getY());
                  break;
              case MotionEvent.ACTION_UP://指点杆离开屏幕
                  break;
           case MotionEvent.ACTION_POINTER_UP://有手指离开屏幕，但还有手指压住屏幕，就会触发事件
                  break;
              case MotionEvent.ACTION_POINTER_DOWN://如果已经有手机压在屏幕上，又有手指压在屏幕上了，多点触摸的意思
                  break;            
              }
              imageView.setImageMatrix(m);
              return true;
       }  
    }
}

 布局文件：

<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:id="@+id/imageView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:src="@drawable/a"
        android:scaleType="matrix" />
</LinearLayout>

 

效果：