這篇文章主要介紹了Android如何實(shí)現(xiàn)控件的縮放移動(dòng)功能，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、網(wǎng)站建設(shè)、淶水網(wǎng)絡(luò)推廣、小程序開發(fā)、淶水網(wǎng)絡(luò)營銷、淶水企業(yè)策劃、淶水品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供淶水建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

需要的朋友點(diǎn)擊查看。

1.簡介

話不多說先來張效果圖

控件縮放移動(dòng).gif

上面的gif中，依次進(jìn)行了拖動(dòng)——>觸摸右上角放大，縮小——>觸摸上方與右測邊緣——>雙指放大縮小。

2 使用步驟

2.1 布局。外層一個(gè)LinearLayout，里面一個(gè)自定義的控件DragScaleView，為了能夠更清楚的看到控件的變化過程，就給控件加了一個(gè)灰色帶虛線的邊框bg_dashgap。

layout文件

在drawable文件夾下的bg_dashgap.xml

2.2 自定義的控件

單指觸摸：

當(dāng)ACTION_DOWN時(shí)如果坐標(biāo)為1.2.3.4四個(gè)區(qū)域,則對(duì)View進(jìn)行相應(yīng)的左上/右上/左下/右下拉伸;

當(dāng)ACTION_DOWN時(shí)如果坐標(biāo)為5.6.7.8四個(gè)區(qū)域,則分別對(duì)上/右/下/左四個(gè)方向進(jìn)行拉伸;

當(dāng)ACTION_DOWN時(shí)如果坐標(biāo)為9這個(gè)區(qū)域,則對(duì)View進(jìn)行移動(dòng);

雙指觸摸：

先計(jì)算出觸摸時(shí)雙指的距離，float oriDist=distance(event);

再得到雙指離開屏幕的距離，float newDist =distance(event);

得到兩者之間的比例 float scale = newDist / oriDist;

計(jì)算雙指間距離的方法

/**
 * 計(jì)算兩個(gè)手指間的距離
 * @param event 觸摸事件
 * @return 放回兩個(gè)手指之間的距離
 */
 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);//兩點(diǎn)間距離公式
 }

自定義的控件

onTouch(View v, MotionEvent event)的觸摸事件中代碼塊

image.png

其他的關(guān)鍵地方，代碼中都有比較詳細(xì)的注釋了。思路就是

觸摸監(jiān)聽

判斷不同情況---getDirection(v, (int) event.getX(), (int) event.getY())
計(jì)算得到新的oriLeft, oriTop, oriRight, oriBottom
重新繪制---v.layout(oriLeft, oriTop, oriRight, oriBottom)

3 DragScaleView 的完整代碼

public class DragScaleView extends android.support.v7.widget.AppCompatImageView implements View.OnTouchListener {
 protected int screenWidth;
 protected int screenHeight;
 protected int lastX;
 protected int lastY;
 private int oriLeft;
 private int oriRight;
 private int oriTop;
 private int oriBottom;
 private int dragDirection;
 private static final int TOP = 0x15;
 private static final int LEFT = 0x16;
 private static final int BOTTOM = 0x17;
 private static final int RIGHT = 0x18;
 private static final int LEFT_TOP = 0x11;
 private static final int RIGHT_TOP = 0x12;
 private static final int LEFT_BOTTOM = 0x13;
 private static final int RIGHT_BOTTOM = 0x14;
 private static final int TOUCH_TWO = 0x21;
 private static final int CENTER = 0x19;
 private int offset = 0; //可超出其父控件的偏移量
 protected Paint paint = new Paint();
 private static final int touchDistance = 80; //觸摸邊界的有效距離
 // 初始的兩個(gè)手指按下的觸摸點(diǎn)的距離
 private float oriDis = 1f;
 /**
 * 初始化獲取屏幕寬高
 */
 protected void initScreenW_H() {
 screenHeight = getResources().getDisplayMetrics().heightPixels - 40;
 screenWidth = getResources().getDisplayMetrics().widthPixels;
 }
 public DragScaleView(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 setOnTouchListener(this);
 initScreenW_H();
 }
 public DragScaleView(Context context, AttributeSet attrs) {
 super(context, attrs);
 setOnTouchListener(this);
 initScreenW_H();
 }
 public DragScaleView(Context context) {
 super(context);
 setOnTouchListener(this);
 initScreenW_H();
 }
 @Override
 protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 paint.setColor(Color.GRAY);
 paint.setStrokeWidth(4.0f);
 paint.setStyle(Paint.Style.STROKE);
 }
 @Override
 public boolean onTouch(View v, MotionEvent event) {
 setBackgroundResource(R.drawable.bg_dashgap);
 int action = event.getAction()& MotionEvent.ACTION_MASK;
 if (action == MotionEvent.ACTION_DOWN) {
 oriLeft = v.getLeft();
 oriRight = v.getRight();
 oriTop = v.getTop();
 oriBottom = v.getBottom();
 lastY = (int) event.getRawY();
 lastX = (int) event.getRawX();
 dragDirection = getDirection(v, (int) event.getX(),
  (int) event.getY());
 }
 if (action == MotionEvent.ACTION_POINTER_DOWN){
 oriLeft = v.getLeft();
 oriRight = v.getRight();
 oriTop = v.getTop();
 oriBottom = v.getBottom();
 lastY = (int) event.getRawY();
 lastX = (int) event.getRawX();
 dragDirection = TOUCH_TWO;
 oriDis = distance(event);
 }
 // 處理拖動(dòng)事件
 delDrag(v, event, action);
 invalidate();
 return false;
 }
 /**
 * 處理拖動(dòng)事件
 *
 * @param v
 * @param event
 * @param action
 */
 protected void delDrag(View v, MotionEvent event, int action) {
 switch (action) {
 case MotionEvent.ACTION_MOVE:
 int dx = (int) event.getRawX() - lastX;
 int dy = (int) event.getRawY() - lastY;
 switch (dragDirection) {
  case LEFT: // 左邊緣
  left(v, dx);
  break;
  case RIGHT: // 右邊緣
  right(v, dx);
  break;
  case BOTTOM: // 下邊緣
  bottom(v, dy);
  break;
  case TOP: // 上邊緣
  top(v, dy);
  break;
  case CENTER: // 點(diǎn)擊中心-->>移動(dòng)
  center(v, dx, dy);
  break;
  case LEFT_BOTTOM: // 左下
  left(v, dx);
  bottom(v, dy);
  break;
  case LEFT_TOP: // 左上
  left(v, dx);
  top(v, dy);
  break;
  case RIGHT_BOTTOM: // 右下
  right(v, dx);
  bottom(v, dy);
  break;
  case RIGHT_TOP: // 右上
  right(v, dx);
  top(v, dy);
  break;
  case TOUCH_TWO: //雙指操控
  float newDist =distance(event);
  float scale = newDist / oriDis;
  //控制雙指縮放的敏感度
  int distX = (int) (scale*(oriRight-oriLeft)-(oriRight-oriLeft))/50;
  int distY = (int) (scale*(oriBottom-oriTop)-(oriBottom-oriTop))/50;
  if (newDist>10f){//當(dāng)雙指的距離大于10時(shí)，開始相應(yīng)處理
  left(v, -distX);
  top(v, -distY);
  right(v, distX);
  bottom(v, distY);
  }
  break;
 }
 if (dragDirection != CENTER) {
  v.layout(oriLeft, oriTop, oriRight, oriBottom);
 }
 lastX = (int) event.getRawX();
 lastY = (int) event.getRawY();
 break;
 case MotionEvent.ACTION_UP:
 case MotionEvent.ACTION_POINTER_UP:
 dragDirection = 0;
 break;
 }
 }
 /**
 * 觸摸點(diǎn)為中心->>移動(dòng)
 *
 * @param v
 * @param dx
 * @param dy
 */
 private void center(View v, int dx, int dy) {
 int left = v.getLeft() + dx;
 int top = v.getTop() + dy;
 int right = v.getRight() + dx;
 int bottom = v.getBottom() + dy;
 if (left < -offset) {
 left = -offset;
 right = left + v.getWidth();
 }
 if (right > screenWidth + offset) {
 right = screenWidth + offset;
 left = right - v.getWidth();
 }
 if (top < -offset) {
 top = -offset;
 bottom = top + v.getHeight();
 }
 if (bottom > screenHeight + offset) {
 bottom = screenHeight + offset;
 top = bottom - v.getHeight();
 }
 Log.d("raydrag", left+" "+top+" "+right+" "+bottom+" "+dx);
 v.layout(left, top, right, bottom);
 }
 /**
 * 觸摸點(diǎn)為上邊緣
 *
 * @param v
 * @param dy
 */
 private void top(View v, int dy) {
 oriTop += dy;
 if (oriTop < -offset) {
 //對(duì)view邊界的處理，如果子view達(dá)到父控件的邊界，offset代表允許超出父控件多少
 oriTop = -offset;
 }
 if (oriBottom - oriTop - 2 * offset < 200) {
 oriTop = oriBottom - 2 * offset - 200;
 }
 }
 /**
 * 觸摸點(diǎn)為下邊緣
 *
 * @param v
 * @param dy
 */
 private void bottom(View v, int dy) {
 oriBottom += dy;
 if (oriBottom > screenHeight + offset) {
 oriBottom = screenHeight + offset;
 }
 if (oriBottom - oriTop - 2 * offset < 200) {
 oriBottom = 200 + oriTop + 2 * offset;
 }
 }
 /**
 * 觸摸點(diǎn)為右邊緣
 *
 * @param v
 * @param dx
 */
 private void right(View v, int dx) {
 oriRight += dx;
 if (oriRight > screenWidth + offset) {
 oriRight = screenWidth + offset;
 }
 if (oriRight - oriLeft - 2 * offset < 200) {
 oriRight = oriLeft + 2 * offset + 200;
 }
 }
 /**
 * 觸摸點(diǎn)為左邊緣
 *
 * @param v
 * @param dx
 */
 private void left(View v, int dx) {
 oriLeft += dx;
 if (oriLeft < -offset) {
 oriLeft = -offset;
 }
 if (oriRight - oriLeft - 2 * offset < 200) {
 oriLeft = oriRight - 2 * offset - 200;
 }
 }
 /**
 * 獲取觸摸點(diǎn)flag
 *
 * @param v
 * @param x
 * @param y
 * @return
 */
 protected int getDirection(View v, int x, int y) {
 int left = v.getLeft();
 int right = v.getRight();
 int bottom = v.getBottom();
 int top = v.getTop();
 if (x < touchDistance && y < touchDistance) {
 return LEFT_TOP;
 }
 if (y < touchDistance && right - left - x < touchDistance) {
 return RIGHT_TOP;
 }
 if (x < touchDistance && bottom - top - y < touchDistance) {
 return LEFT_BOTTOM;
 }
 if (right - left - x < touchDistance && bottom - top - y < touchDistance) {
 return RIGHT_BOTTOM;
 }
 if (x < touchDistance) {
 return LEFT;
 }
 if (y < touchDistance) {
 return TOP;
 }
 if (right - left - x < touchDistance) {
 return RIGHT;
 }
 if (bottom - top - y < touchDistance) {
 return BOTTOM;
 }
 return CENTER;
 }
 /**
 * 計(jì)算兩個(gè)手指間的距離
 *
 * @param event 觸摸事件
 * @return 放回兩個(gè)手指之間的距離
 */
 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);//兩點(diǎn)間距離公式
 }
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Android如何實(shí)現(xiàn)控件的縮放移動(dòng)功能”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!