Android view随手势滑动

原创

mob64ca12da2d62 2024-09-09 05:16:43 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12da2d62的原创作品，请联系作者获取转载授权，否则将追究法律责任

实现 Android View 随手势滑动的指南

在 Android 开发中，常常需要实现手势滑动功能，比如在 ImageView 上滑动图片或在 RecyclerView 中上下滑动。下面，我将引导你实现这一功能，详细讲解每一步所需的代码和其含义。

实现流程

我们将通过以下步骤完成这个功能：

步骤	描述
步骤1	创建布局文件
步骤2	实现自定义 View 类
步骤3	处理手势滑动
步骤4	在 Activity 中使用自定义 View

journey
    title 实现 Android View 随手势滑动的过程
    section 创建布局文件
      创建 XML 布局         : 5: 1: 1
    section 实现自定义 View 类
      自定义 View 绘制        : 5: 1: 2
    section 处理手势滑动
      添加手势检测逻辑       : 5: 1: 3
    section 在 Activity 中使用自定义 View
      绑定并测试            : 5: 1: 4

详细步骤

步骤1：创建布局文件

在 res/layout 目录下创建 activity_main.xml 文件，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.example.myapplication.CustomView
        android:id="@+id/customView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

这段代码创建了一个包含自定义 View 的布局。

步骤2：实现自定义 View 类

在你的项目中创建 CustomView.java 文件，内容如下：

package com.example.myapplication;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class CustomView extends View {
    private Paint paint;
    private float currentX, currentY;

    public CustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
        // 设置画笔颜色为蓝色
        paint.setColor(Color.BLUE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制一个圆，圆心为当前手指的位置
        canvas.drawCircle(currentX, currentY, 50, paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                // 获取手指移动的位置
                currentX = event.getX();
                currentY = event.getY();
                // 刷新视图以重绘
                invalidate();
                return true;
        }
        return super.onTouchEvent(event);
    }
}

上述代码实现了一个自定义的 View，能够在用户滑动的地方绘制一个蓝色圆圈。

步骤3：处理手势滑动

我们已经在 onTouchEvent 方法中处理了手指的移动事件。ACTION_MOVE 表示手指在屏幕上滑动，我们获取了手指的 X 和 Y 坐标，并调用 invalidate() 方法来重绘 View。

步骤4：在 Activity 中使用自定义 View

在 MainActivity.java 文件中添加如下代码：

package com.example.myapplication;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // 这里可以进一步配置您的自定义 View
    }
}

这段代码设置了 MainActivity 的内容为之前创建的布局文件。

gantt
    title Android View 随手势滑动的实现
    dateFormat  YYYY-MM-DD
    section 创建布局文件
    创建 XML 布局          :done, 2023-10-01, 1d
    section 实现自定义 View
    自定义 View 绘制        :done, 2023-10-02, 1d
    section 处理手势滑动
    添加手势检测逻辑      :done, 2023-10-03, 1d
    section 在 Activity 中使用自定义 View
    绑定并测试            :done, 2023-10-04, 1d