安卓学习笔记07 多点触摸米老鼠

1、创建安卓应用

基于Empty Activity模板创建安卓应用 - ZoomMickeyByTouch

单击【Finish】按钮

2、准备图片素材

将背景图片与米老鼠图片，拷贝到drawable目录里

3、字符串资源文件

字符串资源文件 - strings.xml

<resources>
    <string name="app_name">通过多点触摸缩放米老鼠</string>
</resources>

4、主布局资源文件

主布局资源文件 - activity_main.xml

将约束布局改成线性布局，再添加一个图像控件显示米老鼠

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/iv_mickey"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:scaleType="fitXY"
        android:src="@drawable/mickey" />
</LinearLayout>

查看预览效果

5、主界面类实现功能

主界面类 - MainActivity

声明变量

通过资源标识符获取控件实例

让根布局获取焦点

获取米老鼠图像控件的布局参数

给根布局注册触摸监听器
请添加图片描述

查看完整代码

package net.hw.zoom_mickey_by_touch;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {

    private LinearLayout root; // 线性根布局
    private ImageView ivMickey; // 米老鼠图像控件
    private float x1, y1; // 第一个触点的坐标
    private float x2, y2; // 第二个触点的坐标
    private float nextX1, nextY1; // 第一个触点下一次的坐标
    private float nextX2, nextY2; // 第二个触点下一次的坐标
    private float distance; // 两个触点之间的距离
    private float nextDistance; // 两个触点之间下一次的距离
    private LinearLayout.LayoutParams layoutParams; // 布局参数

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局资源文件设置用户界面
        setContentView(R.layout.activity_main);
        // 通过资源标识符获取控件实例
        root = findViewById(R.id.root);
        ivMickey = findViewById(R.id.iv_mickey);
        // 让根布局获取焦点
        root.setFocusable(true);
        root.requestFocus();

        // 获取米老鼠图像控件的布局参数
        layoutParams = (LinearLayout.LayoutParams) ivMickey.getLayoutParams();

        // 给根布局注册触摸监听器，实现触摸监听器接口，编写触摸事件方法
        root.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // 判断触点个数
                if (event.getPointerCount() == 1) { // 单点触摸 - 移动米老鼠
                    if (event.getAction() == MotionEvent.ACTION_MOVE) {
                        // 根据变化的触点坐标来更新米老鼠图像控件的布局参数
                        layoutParams.leftMargin = (int) (event.getX() - ivMickey.getWidth() / 2);
                        layoutParams.topMargin = (int) (event.getY() - ivMickey.getHeight() / 2);
                    }
                } else if (event.getPointerCount() == 2) { // 两点触摸 - 缩放米老鼠
                    // 判断触点动作
                    switch (event.getAction()) {
                        case MotionEvent.ACTION_DOWN: // 触点按下
                            // 获取第一个触点的坐标
                            x1 = event.getX(0);
                            y1 = event.getY(0);
                            // 获取第二个触点的坐标
                            x2 = event.getX(1);
                            y2 = event.getY(1);
                            // 计算两个触点之间的距离
                            distance = (float) Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));
                            break;
                        case MotionEvent.ACTION_MOVE: // 触点移动
                            // 获取第一个触点下一次的坐标
                            nextX1 = event.getX(0);
                            nextY1 = event.getY(0);
                            // 获取第二个触点下一次的坐标
                            nextX2 = event.getX(1);
                            nextY2 = event.getY(1);
                            // 计算两个触点之间下一次的距离
                            nextDistance = (float) Math.sqrt((nextX1 - nextX2) * (nextX1 - nextX2) + (nextY1 - nextY2) * (nextY1 - nextY2));
                            break;
                        case MotionEvent.ACTION_UP: // 触点放开
                            break;
                    }
                    // 修改米老鼠图像控件的布局参数
                    if (nextDistance > distance) { // 放大图片
                        if (layoutParams.width < 1500) { // 控制最大尺寸
                            layoutParams.width = (int) (layoutParams.width * 1.05);
                            layoutParams.height = (int) (layoutParams.height * 1.05);
                        }
                    } else { // 缩小图片
                        if (layoutParams.width > 10) { // 控制最小尺寸
                            layoutParams.width = (int) (layoutParams.width / 1.05);
                            layoutParams.height = (int) (layoutParams.height / 1.05);
                        }
                    }
                    // 第一个触点坐标进行迭代
                    x1 = nextX1;
                    y1 = nextY1;
                    // 第二个触点坐标进行迭代
                    x2 = nextX2;
                    y2 = nextY2;
                    // 重新计算两个触点之间的距离
                    distance = (float) Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));
                }
                // 重新设置米老鼠图像控件的布局参数
                ivMickey.setLayoutParams(layoutParams);

                return true;
            }
        });
    }
}

6、运行程序，查看结果

既可以移动米老鼠，也可以缩放米老鼠