在 Android 中绘制轨迹路径，通常是指根据一系列的坐标点（例如手指滑动的触摸点、GPS 位置点等）在屏幕上动态地绘制出一条连续的线条。这可以通过自定义 View 并重写其 onDraw 方法，利用 Canvas 和 Path 类来实现。

下面是一个完整的 Android 示例应用，演示如何创建一个可以绘制手指滑动轨迹的自定义 View。

功能说明

  1. DrawingView: 一个自定义的 View，负责处理触摸事件并绘制轨迹。
  2. Path: 用于存储和绘制连接的线条路径。
  3. Canvas: onDraw 方法中用于绘制的画布。
  4. Paint: 定义绘制路径时的画笔样式（颜色、宽度等）。
  5. MainActivity: 包含 DrawingView 和一个清除画布的按钮。

代码实现

<!-- 文件: app/src/main/res/layout/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:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><!-- 自定义的绘图视图 --><com.example.pathdrawing.DrawingViewandroid:id="@+id/drawing_view"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:background="#F5F5F5" /><!-- 清除按钮 --><Buttonandroid:id="@+id/btn_clear"android:layout_width="match_parent"android:layout_height="wrap_content"android:text="清除轨迹"android:layout_margin="8dp"/></LinearLayout>
// 文件: app/src/main/java/com/example/pathdrawing/DrawingView.java
package com.example.pathdrawing;import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import androidx.annotation.Nullable;public class DrawingView extends View {// 用于存储绘制路径private Path drawPath;// 画笔，定义绘制样式private Paint drawPaint;// 画布背景色private int backgroundColor = Color.WHITE;public DrawingView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);setupDrawing();}// 初始化画笔和路径private void setupDrawing() {// 初始化路径drawPath = new Path();// 初始化画笔drawPaint = new Paint();drawPaint.setColor(Color.BLUE); // 设置轨迹颜色drawPaint.setAntiAlias(true); // 抗锯齿drawPaint.setStrokeWidth(8); // 设置线条宽度drawPaint.setStyle(Paint.Style.STROKE); // 设置为描边drawPaint.setStrokeJoin(Paint.Join.ROUND); // 设置连接处为圆角drawPaint.setStrokeCap(Paint.Cap.ROUND); // 设置线头为圆角}// 重写 onDraw 方法进行绘制@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);// 先绘制背景canvas.drawColor(backgroundColor);// 再绘制路径canvas.drawPath(drawPath, drawPaint);}// 重写 onTouchEvent 方法处理触摸事件@Overridepublic boolean onTouchEvent(MotionEvent event) {// 获取触摸点的坐标float touchX = event.getX();float touchY = event.getY();// 根据触摸动作执行不同操作switch (event.getAction()) {case MotionEvent.ACTION_DOWN:// 手指按下，移动到起始点drawPath.moveTo(touchX, touchY);break;case MotionEvent.ACTION_MOVE:// 手指移动，添加线段到路径drawPath.lineTo(touchX, touchY);break;case MotionEvent.ACTION_UP:// 手指抬起，可以在这里执行一些操作，但不结束路径// drawPath.reset(); // 如果想在抬起后清空路径，可以取消注释break;default:return false;}// 每次触摸事件后，重新绘制视图invalidate();return true; // 表示事件已被处理}// 提供一个公共方法来清除绘制的轨迹public void clear() {drawPath.reset(); // 重置路径invalidate(); // 重新绘制以更新视图}
}
<!-- 文件: app/src/main/AndroidManifest.xml (确保 Activity 已注册) -->
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"><applicationandroid:allowBackup="true"android:dataExtractionRules="@xml/data_extraction_rules"android:fullBackupContent="@xml/backup_rules"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/Theme.PathDrawing"tools:targetApi="31"><activityandroid:name=".MainActivity"android:exported="true"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity></application></manifest>

说明

  1. DrawingView.java:
  • 这是一个自定义的 View，是实现轨迹绘制的核心。
  • setupDrawing(): 初始化 Path 对象（用于存储线条）和 Paint 对象（用于定义如何绘制线条，如颜色、宽度、样式等）。
  • onDraw(Canvas canvas): 系统调用此方法来绘制视图。首先用背景色填充画布，然后使用 canvas.drawPath() 将存储在 drawPath 中的路径绘制出来。
  • onTouchEvent(MotionEvent event): 处理用户的触摸事件。
  • ACTION_DOWN: 当手指按下时，调用 drawPath.moveTo() 将路径的起点移动到触摸点。
  • ACTION_MOVE: 当手指在屏幕上移动时，调用 drawPath.lineTo() 将一条线段添加到路径中，连接前一个点和当前触摸点。
  • ACTION_UP: 当手指抬起时，可以执行一些操作（此示例中无特殊操作）。
  • 每次处理完触摸事件后，调用 invalidate() 方法，这会触发系统重新调用 onDraw()，从而将最新的路径绘制到屏幕上。
  • clear(): 提供一个公共方法来清除已绘制的路径。它重置 Path 对象并再次调用 invalidate() 来更新视图。
  1. activity_main.xml:
  • 布局文件中直接引用了自定义的 DrawingView。
  • 添加了一个 Button 用于触发清除操作。
  1. MainActivity.java:
  • 主 Activity，负责设置布局和处理按钮点击事件，调用 DrawingView 的 clear() 方法。

这个示例创建了一个简单的绘图板，用户可以用手指在屏幕上滑动来绘制蓝色的轨迹，并可以通过点击按钮清除所有绘制的内容。你可以根据需要修改 DrawingView 中的 Paint 设置来改变轨迹的颜色、宽度等样式。

// 文件: app/src/main/java/com/example/pathdrawing/MainActivity.java
package com.example.pathdrawing;import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.appcompat.app.AppCompatActivity;public class MainActivity extends AppCompatActivity {private DrawingView drawingView;private Button btnClear;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);drawingView = findViewById(R.id.drawing_view);btnClear = findViewById(R.id.btn_clear);btnClear.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {// 调用 DrawingView 的 clear 方法清除轨迹drawingView.clear();}});}
}