基于Java实现一个简单的画布Android App

最新推荐文章于 2023-07-18 22:08:15 发布

像向日葵一样~

最新推荐文章于 2023-07-18 22:08:15 发布

阅读量516

点赞数 1

分类专栏：安卓文章标签： java android 画布 app 画板

本文链接：https://blog.csdn.net/zhiwenganyong/article/details/122641291

版权

安卓专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文基于Java实现了一个简单的画布安卓app，包括布局文件、源码及实现图。

布局设计

画布主界面

activity_canvas.xml

<?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"
    android:orientation="vertical"
    tools:context=".CanvasActivity">

    <com.example.listview.MyView
        android:id="@+id/draw"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <Button
        android:id="@+id/btn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="清理画布" />

</LinearLayout>

代码

CanvasActivity.java

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class CanvasActivity extends AppCompatActivity {

    private Button btn;
    private MyView view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_canvas);
        view=(MyView) findViewById(R.id.draw);
        btn=(Button)findViewById(R.id.btn);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                view.clear();
            }
        });
    }
}

MyView.java

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.SurfaceHolder.Callback;
import android.view.View;

public class MyView extends SurfaceView implements Callback, View.OnTouchListener {

    private Paint p=new Paint();
    private Path path=new Path();
    public MyView(Context context, AttributeSet attrs){
        super(context, (AttributeSet) attrs);
        getHolder().addCallback(this);
        p.setColor(Color.RED);
        p.setTextSize(10);
        p.setAntiAlias(true);
        p.setStyle(Paint.Style.STROKE);
        setOnTouchListener(this);
    }

    public void clear(){
        path.reset();
        draw();
    }

    public void draw(){
        Canvas canvas=getHolder().lockCanvas();
        canvas.drawColor(Color.WHITE);
        canvas.drawPath(path,p);
        getHolder().unlockCanvasAndPost(canvas);
    }


    @Override
    public void surfaceCreated(SurfaceHolder holder) {
            draw();
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {

    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                path.moveTo(event.getX(),event.getY());
                draw();
                break;
            case MotionEvent.ACTION_MOVE:
                path.lineTo(event.getX(),event.getY());
                draw();
                break;
        }
        return true;
    }
}