快捷導(dǎo)航

Android繪制跟隨手指移動(dòng)的小球

更新時(shí)間：2020年08月24日 08:58:59 作者：池頭樹

這篇文章主要為大家詳細(xì)介紹了Android繪制跟隨手指移動(dòng)的小球，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

為了實(shí)現(xiàn)一個(gè)跟隨手指移動(dòng)的小球，考慮到開發(fā)自定義的UI組件，這個(gè)UI組件將會(huì)在一個(gè)指定的位置繪制一個(gè)小球，這個(gè)位置可以動(dòng)態(tài)改變。當(dāng)用戶手指在屏幕上拖動(dòng)時(shí)，程序監(jiān)聽到這個(gè)手指的動(dòng)作，并且傳入U(xiǎn)I組件，通知組件重繪即可。話不多說，上代碼：

在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;
//  定義并創(chuàng)建畫筆
  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);
    // 設(shè)置畫筆的顏色
    p.setColor(Color.RED);
//    設(shè)置一個(gè)小球
    canvas.drawCircle(currentX,currentY,15F,p);
  }
//  為該事件的觸碰事件重寫處理方法
  @Override
  public boolean onTouchEvent(MotionEvent event) {
//    修改成員變量
    currentX=event.getX();
    currentY=event.getY();
//    通知當(dāng)前組件重繪自己
    invalidate();
//    返回true說明該處理方法已經(jīng)處理自己
    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>

運(yùn)行效果如下：