安卓讲课笔记4.2安卓触摸事件——通过多点触摸缩放米老鼠

移动和缩放米老鼠

实现步骤

（一）移动米老鼠

1、创建安卓应用【MoveMickeyByTouch】

2、准备背景图片与米老鼠图片，拷贝到drawable目录里

3、修改字符串文件

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/yjn"
    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

• 声明常量和变量

• 给线性根布局注册触摸监听器

// 给根布局注册触摸监听器，实现触摸监听器接口，编写触摸事件代码
        root.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                //根据不同触摸动作执行不同操作
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN: // 0 触点按下
                        //调试信息输出触点坐标
                        Log.d(TAG, "ACTION_DOWN(" + event.getX() + ", " + event.getY() + ")");
                        break;
                    case MotionEvent.ACTION_MOVE: // 1 触点移动
                        //调试信息输出触点坐标
                        Log.d(TAG, "ACTION_MOVE(" + event.getX() + ", " + event.getY() + ")");
                        break;
                    case MotionEvent.ACTION_UP: // 2 触点放开
                        //调试信息输出触点坐标
                        Log.d(TAG, "ACTION_UP(" + event.getX() + ", " + event.getY() + ")");
                        break;
                }
                // 根据变化的触点坐标来更新米老鼠图像控件的布局参数
                LayoutParams.leftMargin = (int) event.getX();
                LayoutParams.topMargin = (int) event.getY();
                // 重新设置米老鼠图像控件的布局参数
                ivMickey.setLayoutParams(LayoutParams);

                return true; // 设置为真，三个事件：down-->move-->up才会依次执行
            }
        });
    }
}

6、启动应用，查看效果

• 在模拟器屏幕上，按下鼠标，移动鼠标，放开鼠标，之后在LogCat里可以看到上述三种动作的位置坐标。

• 按下鼠标移动米老鼠会发现鼠标在米老鼠左上角，会有不好的体验，将鼠标放在米老鼠中间移动

 LayoutParams.leftMargin = (int) event.getX()-ivMickey.getWidth()/2;
 LayoutParams.topMargin = (int) event.getY()-ivMickey.getHeight()/2;

（二）缩放米老鼠

1、创建安卓应用【ZoomMickeyByTouch】

2、准备背景图片与米老鼠图片，拷贝到drawable目录里

3、主布局资源文件activity_main.xml

4、主界面类MainActivity

• 声明变量

• 实例化控件

• 让跟布局获取焦点

• 获取图像控件的布局参数

• 给根布局注册触摸监听器

• 查看完整代码

package dirnet.zh.zoommickeybytouch;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
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 > 100) {
                            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;
            }
        });
    }
}

5、运行程序，查看结果

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

6、Android studio项目在手机上运行

• 打开Android项目，在工具栏中找到Build->Build APK(s)

• 随后在界面右下角会弹出，提醒框，点击locate

• 进入相应文件夹，将该文件发送到手机安装即可