先上布局文件
<ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/imageView" android:src="@mipmap/d" android:scaleType="matrix"/> />
scaleType的常用参数:
- CENTER /center 按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示
- CENTER_CROP / centerCrop 按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽)
- CENTER_INSIDE / centerInside 将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
- FIT_CENTER / fitCenter 把图片按比例扩大/缩小到View的宽度,居中显示
- FIT_END / fitEnd 把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置
- FIT_START / fitStart 把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置
- FIT_XY / fitXY 把图片不按比例扩大/缩小到View的大小显示
- MATRIX / matrix 用矩阵来绘制
---------------------------------------------------------------------------------------------
ublic class MainActivity extends AppCompatActivity implements View.OnTouchListener {
private ImageView imageView;
private Matrix matrix = new Matrix();
private Matrix savedMatrix=new Matrix();
private static final int NONE = 0;
private static final int DRAG = 1;
private static final int ZOOM = 2;
private int mode = NONE;
// 第一个按下的手指的点
private PointF startPoint = new PointF();
// 两个按下的手指的触摸点的中点
private PointF midPoint = new PointF();
// 初始的两个手指按下的触摸点的距离
private float oriDis=1f;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
imageView = (ImageView) findViewById(R.id.imageView);
imageView.setOnTouchListener(this);
}
@Override
public boolean onTouch(View v, MotionEvent event) {
ImageView view= (ImageView) v;
//可以处理多点触摸
// http://blog.csdn.net/fobdddf/article/details/19479153
// http://blog.sina.com.cn/s/blog_60e96a410100mjd2.html
// https://my.oschina.net/qianjia/blog/109282
//ACTION_MASK 行动的面具
switch (event.getAction() & MotionEvent.ACTION_MASK){
case MotionEvent.ACTION_DOWN :
//第一个手指按下事件
matrix.set(view.getImageMatrix());
savedMatrix.set(matrix);
startPoint.set(event.getX(),event.getY());
//拖动
mode = DRAG;
Toast.makeText(MainActivity.this, "第一个手指按下事件", Toast.LENGTH_SHORT).show();
break;
case MotionEvent.ACTION_POINTER_DOWN :
//第二个手指按下事件
oriDis = distance(event);
if (oriDis > 10f){
savedMatrix.set(matrix);
midPoint = middle(event);
//标记成缩放状态
mode = ZOOM;
Toast.makeText(MainActivity.this, "第二个手指按下事件", Toast.LENGTH_SHORT).show();
}
break;
case MotionEvent.ACTION_UP :
case MotionEvent.ACTION_POINTER_UP :
//手指放开事件
mode = NONE ;
Toast.makeText(MainActivity.this, "手指放开事件", Toast.LENGTH_SHORT).show();
break;
case MotionEvent.ACTION_MOVE :
//手指滑动事件
if (mode == DRAG){
//是一个手指拖动
matrix.set(savedMatrix);
//移动图片
matrix.postTranslate(event.getX() - startPoint.x,event.getY() - startPoint.y);
}else if (mode == ZOOM){
//两个手指滑动
float newDist = distance(event);
if (newDist > 10f){
matrix.set(savedMatrix);
float scale = newDist / oriDis;
//图片的缩放
matrix.postScale(scale,scale,midPoint.x,midPoint.y);
}
}
break;
}
//设置imageView的matrix
view.setImageMatrix(matrix);
return true;
}
//计算两个触摸点之间的距离
private float distance(MotionEvent event){
//获取第0根手指和第一根手指的坐标
float x = event.getX(0) - event.getX(1);
float y = event.getY(0) - event.getY(1);
return (float) Math.sqrt(x * x + y * y);
}
//计算两个触摸点的中点
private PointF middle(MotionEvent event){
float x = event.getX(0) + event.getX(1);
float y = event.getY(0) + event.getY(1);
return new PointF(x/2,y/2);
}
}