Android繪製跟隨手指移動的小球
阿新 • • 發佈:2020-08-24
為了實現一個跟隨手指移動的小球,考慮到開發自定義的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>
執行效果如下:
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。