以下是一個簡單的Android Canvas應用案例分享:
一、案例名稱:Canvas繪制簡單圖形
二、應用簡介:
本應用通過Android Canvas實現簡單的圖形繪制功能,包括繪制直線、矩形和圓形。用戶可以在屏幕上手動繪制這些圖形,并可以清除屏幕上的所有內容。
三、實現步驟:
在res/layout
目錄下創建一個名為activity_main.xml
的布局文件,用于顯示Canvas繪制區域。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">
<CanvasView
android:id="@+id/canvasView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
在java/your_package_name
目錄下創建一個名為CanvasView.java
的類,繼承自View
類,并重寫onDraw()
方法。
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
public class CanvasView extends View {
private Paint paint;
public CanvasView(Context context) {
super(context);
init();
}
public CanvasView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public CanvasView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
paint = new Paint();
paint.setColor(Color.BLACK);
paint.setAntiAlias(true);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 在這里繪制圖形
}
}
在MainActivity.java
中處理用戶的觸摸事件,以便在用戶觸摸屏幕時記錄觸摸點的坐標,并在onDraw()
方法中使用這些坐標來繪制圖形。
import android.graphics.Path;
import android.os.Bundle;
import android.view.MotionEvent;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
private CanvasView canvasView;
private Path path;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
canvasView = findViewById(R.id.canvasView);
path = new Path();
canvasView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
float x = event.getX();
float y = event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
path.moveTo(x, y);
break;
case MotionEvent.ACTION_MOVE:
path.lineTo(x, y);
break;
case MotionEvent.ACTION_UP:
// 在這里繪制圖形
break;
}
canvasView.invalidate();
return true;
}
});
}
}
在MainActivity.java
的onDraw()
方法中,使用Path
對象來繪制圖形。例如,可以繪制直線、矩形和圓形。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 繪制路徑
canvas.drawPath(path, paint);
// 清除路徑
path.reset();
}
四、運行結果:
運行應用后,用戶可以在屏幕上手動繪制直線、矩形和圓形。點擊屏幕上的“清除”按鈕可以清除屏幕上的所有內容。