先來一張效果圖
TIM圖片.gif
上圖中灰色的一塊是ImageView控件，ImageView中的圖片進行左右上下移動，以及雙指縮放。
對于android控件的縮放移動，點這里----android控件的縮放，移動
布局layout
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:id="@+id/root" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/mywhite" android:gravity="center_horizontal" android:fitsSystemWindows="true"> <ImageView android:background="@color/light_gery" android:scaleType="matrix" android:src="@drawable/ic_sure" android:id="@+id/hair_iv" android:layout_marginTop="50dp" android:layout_width="300dp" android:layout_height="300dp"/></LinearLayout>
先看關于手勢觸摸的判斷，需要判斷用戶是單指觸摸還是雙指，分別在OnTounch的監聽事件中判斷。
注：先重寫onLongClick()方法，不然會影響OnTouch里面的觸摸監聽。
private static final int NONE = 0; private static final int DRAG = 1; private static final int ZOOM = 2; private int mode = NONE;hairIv.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { return true; } }); hairIv.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: //單點觸控 mode = DRAG; break; case MotionEvent.ACTION_POINTER_DOWN: //多點觸控 break; case MotionEvent.ACTION_MOVE: // 手指滑動 if (mode == DRAG) { // 是一個手指拖動 Log.d(TAG, "mode = DRAG" ); } else if (mode == ZOOM) { // 兩個手指滑動 Log.d(TAG, "mode = ZOOM" ); } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_POINTER_UP: // 手指放開事件 mode = NONE; break; } return true; } });這些寫上之后就可以先看一下單指，雙指的觸摸事件有沒有被正確處理
通過Android提供的Matrix類對圖像進行處理，關于Matrix的原理可以看一下Android官方文檔Matrix部分，也可以找一些其他的博客，這里只看使用。
定義要用到的變量
private Matrix matrix = new Matrix(); private Matrix savedMatrix = new Matrix(); // 第一個按下的手指的點 private PointF startPoint = new PointF(); // 兩個按下的手指的觸摸點的中點 private PointF midPoint = new PointF(); // 初始的兩個手指按下的觸摸點的距離 private float oriDis = 1f;
在onTouch中完善
@Override public boolean onTouch(View v, MotionEvent event) { ImageView view = (ImageView) v; final int x = (int) event.getRawX(); final int y = (int) event.getRawY(); Log.d(TAG, "onTouch: x= " + x + "y=" + y); 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; break; case MotionEvent.ACTION_POINTER_DOWN: //多點觸控 oriDis = distance(event); if (oriDis > 10f) { savedMatrix.set(matrix); midPoint = midPoint(event); mode = ZOOM; } 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; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_POINTER_UP: // 手指放開事件 mode = NONE; break; } view.setImageMatrix(matrix); return true; }其中用到的計算位置和距離的方法
/** * 計算兩個手指頭之間的中心點的位置 * x = (x1+x2)/2; * y = (y1+y2)/2; * * @param event 觸摸事件 * @return 返回中心點的坐標 */ private PointF midPoint(MotionEvent event) { float x = (event.getX(0) + event.getX(1)) / 2; float y = (event.getY(0) + event.getY(1)) / 2; return new PointF(x, y); } /** * 計算兩個手指間的距離 * * @param event 觸摸事件 * @return 放回兩個手指之間的距離 */ private float distance(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return (float) Math.sqrt(x * x + y * y);//兩點間距離公式 }public class ImageActivity extends AppCompatActivity{ @BindView(R.id.hair_iv) ImageView hairIv; private static final int NONE = 0; private static final int DRAG = 1; private static final int ZOOM = 2; private int mode = NONE; private Matrix matrix = new Matrix(); private Matrix savedMatrix = new Matrix(); // 第一個按下的手指的點 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_image); ButterKnife.bind(this); hairIv.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { return true; } }); hairIv.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { ImageView view = (ImageView) v; final int x = (int) event.getRawX(); final int y = (int) event.getRawY(); Log.d(TAG, "onTouch: x= " + x + "y=" + y); 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; break; case MotionEvent.ACTION_POINTER_DOWN: //多點觸控 oriDis = distance(event); if (oriDis > 10f) { savedMatrix.set(matrix); midPoint = midPoint(event); mode = ZOOM; } 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; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_POINTER_UP: // 手指放開事件 mode = NONE; break; } view.setImageMatrix(matrix); return true; } }); } /** * 計算兩個手指頭之間的中心點的位置 * x = (x1+x2)/2; * y = (y1+y2)/2; * * @param event 觸摸事件 * @return 返回中心點的坐標 */ private PointF midPoint(MotionEvent event) { float x = (event.getX(0) + event.getX(1)) / 2; float y = (event.getY(0) + event.getY(1)) / 2; return new PointF(x, y); } /** * 計算兩個手指間的距離 * * @param event 觸摸事件 * @return 放回兩個手指之間的距離 */ private float distance(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return (float) Math.sqrt(x * x + y * y);//兩點間距離公式 } }總結
以上所述是小編給大家介紹的Android控件實現圖片縮放功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持！
新聞熱點
疑難解答
