Android应用开发之实现图片的拖拽显示

OnTouchListener

      OnTouchListener接口是用来处理手机屏幕事件的监听接口，当为View的范围内触摸按下、抬起或滑动等动作时都会触发该事件。该接口中的监听方法签名如下。

Java代码：
public boolean onTouch(View v, MotionEvent event)
　　参数v：参数v同样为事件源对象。
　　参数event：参数event为事件封装类的对象，其中封装了触发事件的详细信息，同样包括事件的类型、触发时间等信息

 

Matrix

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

Matrix m = new Matrix();     
m.postRotate(30);    
m.postTranslate(100, 100); 

实验

       实验图片的拖拽显示。

 

布局

<ImageView
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:id="@+id/imageView"
       android:src="@drawable/cl"
       android:scaleType="matrix"
        />

Activity：

…
	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 matrix = new Matrix();
		
		public boolean onTouch(View v, MotionEvent event) {
			
//			Log.i("TAG", String.valueOf(event.getX()) + " " 
                                      +String.valueOf(event.getY()));
			switch(event.getAction() & MotionEvent.ACTION_MASK){     // MotionEvent.ACTION_MASK=0xff
			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;
				matrix.postTranslate(dx, dy);
				startPoint.set(event.getX(), event.getY());
				
				break;
				
			case MotionEvent.ACTION_POINTER_DOWN://如果已经有手指压住屏幕， 
                                               再有手指压下屏幕，就会触发该事件
				break;
				
			case MotionEvent.ACTION_UP:
			case MotionEvent.ACTION_POINTER_UP://有手指离开屏幕，但还有手指
                                                     压住屏幕，就会触发该事件
				break;
			}
			imageView.setImageMatrix(matrix);
			return true;
		}
	}
…