溫馨提示×

android canvas應(yīng)用案例分享

小樊
83
2024-10-23 10:52:24
欄目: 編程語言

以下是一個(gè)簡單的Android Canvas應(yīng)用案例分享：

一、案例名稱：Canvas繪制簡單圖形

二、應(yīng)用簡介：

本應(yīng)用通過Android Canvas實(shí)現(xiàn)簡單的圖形繪制功能，包括繪制直線、矩形和圓形。用戶可以在屏幕上手動(dòng)繪制這些圖形，并可以清除屏幕上的所有內(nèi)容。

三、實(shí)現(xiàn)步驟：

  1. 創(chuàng)建布局文件：

在res/layout目錄下創(chuàng)建一個(gè)名為activity_main.xml的布局文件，用于顯示Canvas繪制區(qū)域。

<?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>
  1. 創(chuàng)建CanvasView類：

在java/your_package_name目錄下創(chuàng)建一個(gè)名為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);
        // 在這里繪制圖形
    }
}
  1. 處理用戶輸入：

在MainActivity.java中處理用戶的觸摸事件，以便在用戶觸摸屏幕時(shí)記錄觸摸點(diǎn)的坐標(biāo)，并在onDraw()方法中使用這些坐標(biāo)來繪制圖形。

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;
            }
        });
    }
}
  1. 繪制圖形：

在MainActivity.java的onDraw()方法中，使用Path對象來繪制圖形。例如，可以繪制直線、矩形和圓形。

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    // 繪制路徑
    canvas.drawPath(path, paint);

    // 清除路徑
    path.reset();
}

四、運(yùn)行結(jié)果：

運(yùn)行應(yīng)用后，用戶可以在屏幕上手動(dòng)繪制直線、矩形和圓形。點(diǎn)擊屏幕上的“清除”按鈕可以清除屏幕上的所有內(nèi)容。

0 踩