零、學習目標

1. 能說出安卓觸摸事件的兩種類型
2. 能說出安卓觸摸包含的三個動作
3. 能利用安卓觸摸事件處理編寫應用

一、安卓觸摸事件

1、觸摸分類

• 單點觸摸
• 多點觸摸

2、觸摸動作

• 按下（MotionEvent.ACTION_DOWN）
• 移動（MotionEvent.ACTION_MOVE）
• 放開（MotionEvent.ACTION_UP）

3、觸摸監聽器

• onTouchListener

4、觸摸方法

• 在onTouch() 方法里，我們可以根據不同動作編寫不同事件處理代碼。

5、觸點個數與坐標

• 通過MotionEvent對象的getX()和getY()方法可以獲得觸摸點的坐標。如果是多點觸摸，通過getPointerCount()獲取觸點個數，然后通過getX(pointerIndex)與getY(pointerIndex)獲得某個觸點的坐標。

二、安卓單點觸摸

在onTouch方法里，我們可以根據不同動作編寫不同的事件處理代碼。按下、移動和釋放三種不同的操作。通過MotionEvent對象的getX()和getY()方法可以獲得觸摸點的坐標。

三、教學案例——通過觸摸移動米老鼠

（一）運行效果

（二）涉及知識點

1、線性布局（LinearLayout）
2、圖像視圖（ImageView）
3、單點觸摸事件（MotionEvent…getX(), getY()）

（三）實現步驟

1、創建安卓應用【MoveMickeyByTouch】

2、準備背景圖片與米老鼠圖片，拷貝到drawable目錄里

3、布局資源文件activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/background" >

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

</LinearLayout>

4、主界面類MainActivity

package net.hw.movemickey;

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

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    protected static final String TAG = "move_mickey_by_touch";
    private ImageView ivMickey;
    private LinearLayout root;
    private LinearLayout.LayoutParams LayoutParams;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 利用布局資源文件設置用戶界面
        setContentView(R.layout.activity_main);

        // 通過控件資源索引獲得控件實例
        ivMickey = (ImageView) findViewById(R.id.ivMickey);
        root = (LinearLayout) findViewById(R.id.root);

        // 設置根布局可以獲得焦點
        root.setFocusable(true);
        // 讓根布局獲得焦點
        root.requestFocus();

        // 獲取圖像控件的布局參數
        LayoutParams = (LinearLayout.LayoutParams) ivMickey.getLayoutParams();

        // 給根布局注冊觸摸監聽器，實現觸摸監聽器接口，編寫觸摸事件代碼
        root.setOnTouchListener(new View.OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // 根據觸摸動作執行不同的操作
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN: // 觸點按下
                        Log.d(TAG, "ACTION_DOWN(" + event.getX() + ", " + event.getY() + ")");
                        break;
                    case MotionEvent.ACTION_MOVE: // 觸點移動
                        Log.d(TAG, "ACTION_MOVE(" + event.getX() + ", " + event.getY() + ")");
                        break;
                    case MotionEvent.ACTION_UP: // 觸點放開
                        Log.d(TAG, "ACTION_UP(" + event.getX() + ", " + event.getY() + ")");
                }

                // 根據變化的觸點坐標來更新圖像控件的布局參數
                LayoutParams.leftMargin = (int) event.getX();
                LayoutParams.topMargin = (int) event.getY();

                // 重新設置圖像控件的布局參數
                ivMickey.setLayoutParams(LayoutParams);

                return true; // 設置為真，三個事件：down-->move-->up才會依次執行
            }
        });
    }
}

5、啟動應用，查看效果

• 啟動后，米老鼠在屏幕左上角
  
• 在模擬器屏幕上，按下鼠標，移動鼠標，放開鼠標，之后在LogCat里可以看到上述上述三種動作的位置坐標。
  
• 錄屏演示單點觸摸移動米老鼠
  
• 從錄屏動畫可以看到，移動鼠標，確實可以讓米老鼠跟著動起來，但是有一個體驗不好，就是觸點與米老鼠隔了一段距離，這個問題應該如何解決呢？同學們，先試一試，看看能否搞定。

6、修改主界面類MainActivity

7、啟動應用，查看效果

• 從錄屏動畫可以看到，移動鼠標，確實可以讓米老鼠跟著動起來，但觸點是在米老鼠的左上角，怎么讓觸點在米老鼠的中心位置呢？

8、修改主界面類MainActivity

9、啟動應用，查看效果

四、教學案例 —— 通過多點觸摸縮放米老鼠