图片拖拽缩小放大

public class Second 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
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.second);
        DisplayImageOptions options = new DisplayImageOptions.Builder()
                .cacheInMemory(true)
                .cacheOnDisk(true)
                .build();

        imageView = (ImageView) findViewById(R.id.tupian);
        Intent intent = getIntent();
        String url = intent.getStringExtra("url");
        ImageLoader.getInstance().displayImage(url,imageView,options);
        imageView.setOnTouchListener(Second.this);
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        ImageView view = (ImageView) v;


        // 可以处理处理多点触摸
//        http://blog.youkuaiyun.com/fobdddf/article/details/19479153
//        http://blog.sina.com.cn/s/blog_60e96a410100mjd2.html
//        https://my.oschina.net/qianjia/blog/109282
        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:
//            event.getX(012)
                // 第二个手指按下事件
                oriDis = distance(event);
                if (oriDis > 10f) {
                    savedMatrix.set(matrix);
                    midPoint = middle(event);
                    //标记成缩放状态
                    mode = ZOOM;
                }
                break;
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_POINTER_UP:
                // 手指放开事件
                mode = NONE;
                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;
        }


        // 设置ImageViewMatrix
        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);
    }
}
### 如何在 Unity 中实现图片拖拽放大缩小功能 #### 创建 UI Image 组件并设置交互属性 为了使 `Image` 可以被拖动,在 Canvas 下创建一个 `Image` 并为其添加必要的组件。确保该图像具有合适的锚点配置以便于操作。 #### 添加事件监听器处理触摸输入 对于触控设备或鼠标输入的支持,需编写 C# 脚本来捕捉用户的点击动作以及移动手势: ```csharp using UnityEngine; using UnityEngine.EventSystems; public class DragZoomPan : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler { private Vector3 startPosition; // 记录起始位置 private bool isDragging = false; // 标记是否正在拖拽 public void OnBeginDrag(PointerEventData eventData) { if (eventData.button != PointerEventData.InputButton.Left) return; startPosition = transform.position; isDragging = true; } public void OnDrag(PointerEventData eventData) { if (!isDragging || eventData.button != PointerEventData.InputButton.Left) return; float deltaX = eventData.delta.x * Time.deltaTime * 10f; float deltaY = eventData.delta.y * Time.deltaTime * 10f; transform.Translate(new Vector3(deltaX, deltaY, 0)); } public void OnEndDrag(PointerEventData eventData) { isDragging = false; } } ``` 此部分实现了基本的拖拽逻辑[^2]。 #### 实现缩放功能 要支持双指捏合来调整大小,则需要额外检测多点触碰情况,并据此改变目标物体的比例尺: ```csharp private Camera mainCamera; private Transform targetTransform; private float startDistanceBetweenFingers; private float scaleFactor = 0.5f; void Start() { mainCamera = Camera.main; } // Update is called once per frame void Update() { HandlePinchToZoom(); } void HandlePinchToZoom() { if (Input.touchCount == 2) { Touch touchZero = Input.GetTouch(0); Touch touchOne = Input.GetTouch(1); Vector2 touchZeroPrevPos = touchZero.position - touchZero.deltaPosition; Vector2 touchOnePrevPos = touchOne.position - touchOne.deltaPosition; float prevMagnitude = (touchZeroPrevPos - touchOnePrevPos).magnitude; float currentMagnitude = (touchZero.position - touchOne.position).magnitude; float difference = currentMagnitude - prevMagnitude; if (difference > 0 && !float.IsInfinity(difference)) ScaleObject(true); // 放大 else if (difference < 0 && !float.IsInfinity(difference)) ScaleObject(false); // 缩小 startDistanceBetweenFingers = Mathf.Abs(currentMagnitude); } } void ScaleObject(bool increaseScale) { Vector3 scaleChangeAmount = new Vector3(scaleFactor, scaleFactor, 0); if(increaseScale){ targetTransform.localScale += scaleChangeAmount; }else{ targetTransform.localScale -= scaleChangeAmount; } } ``` 上述代码片段展示了如何响应两个手指之间的距离变化来进行相应的缩放操作[^1].
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值