Android绘制跟随手指移动的小球

时间：2021-06-09 08:05:52|栏目：Android代码|点击：次

为了实现一个跟随手指移动的小球，考虑到开发自定义的UI组件，这个UI组件将会在一个指定的位置绘制一个小球，这个位置可以动态改变。当用户手指在屏幕上拖动时，程序监听到这个手指的动作，并且传入UI组件，通知组件重绘即可。话不多说，上代码：

在java的DrawView中：

package com.example.test01;

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;

import androidx.annotation.Nullable;

public class DrawView extends View {
  private float currentX=40f;
  private float currentY=50f;
//  定义并创建画笔
  private Paint p=new Paint();

  public DrawView(Context context) {
    super(context);
  }

  public DrawView(Context context, @Nullable AttributeSet set) {
    super(context, set);
  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 设置画笔的颜色
    p.setColor(Color.RED);
//    设置一个小球
    canvas.drawCircle(currentX,currentY,15F,p);
  }
//  为该事件的触碰事件重写处理方法
  @Override
  public boolean onTouchEvent(MotionEvent event) {
//    修改成员变量
    currentX=event.getX();
    currentY=event.getY();
//    通知当前组件重绘自己
    invalidate();
//    返回true说明该处理方法已经处理自己
    return true;
  }
}

在java的MainActivity中：

package com.example.test01;

import android.app.Activity;
import android.os.Bundle;

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2);

  }
}

在layout中：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity"
  android:orientation="vertical">
  <com.example.test01.DrawView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   />
</LinearLayout>

运行效果如下：

上一篇：Android之ListView分页加载数据功能实现代码

栏目：Android代码

下一篇：Android Studio 全屏沉浸式透明状态栏效果的实现

本文标题：Android绘制跟随手指移动的小球

本文地址：http://www.codeinn.net/misctech/138199.html

更多Android代码

Android代码

Android绘制跟随手指移动的小球

阅读排行

推荐教程