安卓触摸事件——手指缩放米老鼠

啦啦啦啦,我来啦!手指缩放米老鼠给各位客官奉上
好可惜不能放文件夹,不然直接把素材都可以给你们啦,我使用的是模拟机,没使用真机,缩放的时候直接可以按住Ctrl键同时拖动鼠标就可以啦

xml代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/root"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="@mipmap/background"
   android:orientation="vertical">
    <ImageView
        android:id="@+id/iv_mickey"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:scaleType="fitXY"
        android:src="@mipmap/mickey" />

</LinearLayout>

Java代码

package net.hw.a0502_scalemickeybytouches;

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

public class MainActivity extends Activity {

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

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

        // 通过资源索引获得控件实例
        ivMickey = (ImageView) findViewById(R.id.iv_mickey);
        root = (LinearLayout) findViewById(R.id.root);

        // 设置根布局可以获得焦点
        root.setFocusable(true);
        // 让根布局获得焦点
        root.requestFocus();

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

        // 给根布局注册触摸监听器
        root.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {

                // 根据触点个数执行不同操作(两个触点缩放图像,单个触点移动图像)
                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((x2 - x1)
                                            * (x2 - x1)
                                            + (y2 - y1)
                                            * (y2 - y1));
                            break;
                        case MotionEvent.ACTION_MOVE: // 触点移动
                            // 获取第一个触点下一次的坐标
                            next_x1 = event.getX(0);
                            next_y1 = event.getY(0);
                            // 获取第二个触点下一次的坐标
                            next_x2 = event.getX(1);
                            next_y2 = event.getY(1);
                            // 两个触点下一次的距离
                            next_distance = (float) Math.sqrt((next_x2 - next_x1)
                                    * (next_x2 - next_x1) + (next_y2 - next_y1)
                                    * (next_y2 - next_y1));
                            break;
                        case MotionEvent.ACTION_UP: // 触点放开
                            break;
                    }

                    // 修改图像控件的布局参数
                    if (next_distance > distance) {
                        layoutParams.width = (int) (layoutParams.width * 1.05);
                        layoutParams.height = (int) (layoutParams.height * 1.05);
                    } else {
                        layoutParams.width = (int) (layoutParams.width * 0.95);
                        layoutParams.height = (int) (layoutParams.height * 0.95);
                    }

                    // 坐标迭代
                    x1 = next_x1;
                    y1 = next_y1;
                    x2 = next_x2;
                    y2 = next_y2;

                    // 两个触点下一次的距离
                    distance = (float) Math.sqrt((x2 - x1)
                            * (x2 - x1) + (y2 - y1)
                            * (y2 - y1));
                } else if (event.getPointerCount() == 1) { // 单点触摸
                    if (event.getAction() == MotionEvent.ACTION_MOVE) {
                        // 修改图像控件的布局参数(因为线性布局gravity设置为center,所以要减去屏幕一半的尺寸)
                        layoutParams.leftMargin = (int) event.getX() - getWindowManager().getDefaultDisplay().getWidth() / 2;
                        layoutParams.topMargin = (int) event.getY() - getWindowManager().getDefaultDisplay().getHeight() / 2;
                    }
                }

                // 重新设置图像控件的布局参数
                ivMickey.setLayoutParams(layoutParams);

                return true; // 设置为真,三个事件才会依次执行:DOWN->MOVE->UP
            }
        });
    }
}

我只能给你们看效果图,缩放的过程你们可以自己试一下
1.)原图
在这里插入图片描述

2.)放大效果图
在这里插入图片描述

3.)缩小效果图

在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要实现两个触摸手指图片,你可以使用 `kivy` 框架来实现。下面是一个简单的示例代码,演示了如何通过两个手指来调整图片的大小: ``` from kivy.app import App from kivy.uix.image import Image from kivy.uix.scatter import Scatter class MyScatter(Scatter): def __init__(self, **kwargs): super(MyScatter, self).__init__(**kwargs) self.last_pinch_distance = 0 def on_touch_down(self, touch): if len(self.touches) == 2: x1, y1 = self.touches[0].pos x2, y2 = self.touches[1].pos self.last_pinch_distance = ((x1 - x2) ** 2 + (y1 - y2) ** 2) ** 0.5 return super(MyScatter, self).on_touch_down(touch) def on_touch_move(self, touch): if len(self.touches) == 2: x1, y1 = self.touches[0].pos x2, y2 = self.touches[1].pos current_pinch_distance = ((x1 - x2) ** 2 + (y1 - y2) ** 2) ** 0.5 pinch_distance_delta = current_pinch_distance - self.last_pinch_distance if pinch_distance_delta < 0: self.scale -= 0.01 elif pinch_distance_delta > 0: self.scale += 0.01 self.last_pinch_distance = current_pinch_distance return super(MyScatter, self).on_touch_move(touch) class ImageApp(App): def build(self): scatter = MyScatter() image = Image(source='image.jpg') scatter.add_widget(image) return scatter if __name__ == '__main__': ImageApp().run() ``` 在这个程序中,我们创建了一个 `MyScatter` 类,继承自 `Scatter`,并重写了 `on_touch_down` 和 `on_touch_move` 方法,以实现手势功能。当第一个手指按下屏幕时,记录下当前两个手指之间的距离;当第二个手指移动时,计算当前两个手指之间的距离与上一次的距离之差,从而确定手势的方向。如果距离之差小于 0,那么就小图片;如果距离之差大于 0,那么就大图片。请注意,这里我们使用了 `Scatter` 类来实现图片的平移和。 在 `build` 方法中,我们创建了一个 `MyScatter` 对象,并将一个 `Image` 对象作为其子控件添加到其中。最后,我们运行了 `ImageApp` 应用程序。 注意,在运行这个程序之前,你需要安装 `kivy` 框架,并正确配置你的环境。如果你使用的是 Android 设备,你还需要安装 `Kivy Launcher` 应用程序,并将上述代码保存为 `main.py` 文件,然后将 `image.jpg` 文件复制到 `/sdcard/kivy/examples/image_app` 目录下,最后在 `Kivy Launcher` 中运行这个程序即可。如果你使用的是其他平台,可以参考 `kivy` 官方文档进行配置。 ### 回答2: Python可以通过使用处理图像的库,如PIL或OpenCV,来实现两个触摸手指图片的功能。以下是一个简单的实现示例: 首先,您需要安装PIL或OpenCV库。如果您使用的是Anaconda环境,可以在终端中运行以下命令来安装PIL和OpenCV: ``` conda install pillow opencv ``` 接下来,您需要加载图片并创建一个画布来显示图片。这可以使用PIL库中的Image和ImageTk模块来完成。以下是一个创建画布并显示图片的示例: ```python from PIL import Image, ImageTk import tkinter as tk # 创建一个窗口 window = tk.Tk() # 加载图片 image = Image.open('path_to_your_image.jpg') # 创建一个画布来显示图片 canvas = tk.Canvas(window, width=image.width, height=image.height) canvas.pack() # 在画布上绘制图片 image_tk = ImageTk.PhotoImage(image) canvas.create_image(0, 0, image=image_tk, anchor=tk.NW) # 运行窗口的主循环 window.mainloop() ``` 然后,您可以为画布添加触摸事件,以便在触摸手指时处理图片。以下是一个添加触摸事件并实现图片的示例: ```python from PIL import Image, ImageTk import tkinter as tk # 创建一个窗口 window = tk.Tk() # 加载图片 image = Image.open('path_to_your_image.jpg') # 创建一个画布来显示图片 canvas = tk.Canvas(window, width=image.width, height=image.height) canvas.pack() # 在画布上绘制图片 image_tk = ImageTk.PhotoImage(image) canvas.create_image(0, 0, image=image_tk, anchor=tk.NW) # 定义触摸手指函数 def zoom(event): # 获取触摸手指的数量和位置 fingers = len(event.touches) x1, y1, x2, y2 = canvas.bbox("all") cx = (x1 + x2) / 2 cy = (y1 + y2) / 2 # 计算比例 scale = 1.0 + fingers * 0.1 # 图片 new_width = int(image.width * scale) new_height = int(image.height * scale) resized_image = image.resize((new_width, new_height)) resized_image_tk = ImageTk.PhotoImage(resized_image) # 更新画布上的图片 canvas.delete("all") canvas.create_image(cx, cy, image=resized_image_tk, anchor=tk.CENTER) # 绑定触摸事件到画布 canvas.bind("<B1-Motion>", zoom) # 运行窗口的主循环 window.mainloop() ``` 以上代码将在窗口中显示加载的图片,并允许您用两个触摸手指图片。当您用两个手指在画布上滑动时,图片将根据手指的移动进行。 ### 回答3: 要实现用python实现两个触摸手指图片,可以使用OpenCV和numpy库来处理图像,以及使用pyautogui库来模拟鼠标点击和滚轮操作。 首先,需要读取原始图片,并将其转换为OpenCV的图像对象。可以使用OpenCV的imread函数来读取图片。 接下来,创建一个窗口来显示图片,并将图像对象显示在窗口中。 然后,可以使用pyautogui库来检测鼠标点击和滚轮滚动事件。在每次点击事件中,记录下鼠标点击的坐标。 接着,使用numpy库来处理图像。根据两个触摸手指的点击坐标,计算手指间的距离。将这个距离与原始距离比较,计算比例。 最后,根据计算得到的比例,使用OpenCV的resize函数来调整图像的大小,并将调整后的图像显示在窗口中。 整个过程可以通过一个循环来实现,不断监听鼠标点击和滚轮滚动事件,实时更新图像的比例和显示结果。 需要注意的是,该实现方法仅适用于在支持多点触控且具备功能的设备上运行。对于没有相应硬件支持的设备,无法实现此功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值