用自定义view实现画图并保存到SDk

该博客介绍了如何在Android中通过自定义View组件实现用户交互绘图,并详细讲解了将绘制的内容保存到本地SD卡的步骤和技术要点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

package com.example.a11561.demo;

import android.annotation.SuppressLint;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.net.Uri;
import android.os.Environment;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.FileWriter;
import java.io.OutputStream;
import java.text.SimpleDateFormat;
import java.util.Date;

public class MainActivity extends AppCompatActivity {
    private ImageView imageView;
    private Bitmap bmcopy;
    private Canvas mcanvas;
    private int startx;
    private int starty;
    private Paint paint;
    private Button red,bule,shua,save;
    private Bitmap bitmap;

    @SuppressLint("ClickableViewAccessibility")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        imageView=findViewById(R.id.image);
        red=findViewById(R.id.bt_red);
        bule=findViewById(R.id.bt_bule);
        shua=findViewById(R.id.bt_shua);
        save=findViewById(R.id.bt_save);


        //加载原图
        bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.timg);
        //创建白纸,宽高
        bmcopy = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), bitmap.getConfig());
        //创建画板,参数就是白纸对象
        mcanvas = new Canvas(bmcopy);
        //创建画笔
        paint = new Paint();
        //在纸上作画
        mcanvas.drawBitmap(bitmap,new Matrix(), paint);

        //手势识别器和画笔画板相结合
        //给控件设置手势识别器,可以得到用户在这个控件上滑动的坐标
        imageView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent event) {
                switch (event.getAction()){
                    case MotionEvent.ACTION_DOWN:
                        startx = (int)event.getX();
                        starty = (int)event.getY();
                        System.out.print("startx"+ startx +"****************"+"starty"+ starty);
                        Log.i("aaa","startx"+ startx +"starty"+ starty);
                        break;
                    case MotionEvent.ACTION_MOVE:
                        int endx= (int)event.getX();
                        int endy = (int)event.getY();
                        System.out.print("startx"+endx+"****************"+"starty"+endy);
                        //在背景图画线,画一条线,起点(x,y),终点(x,y)
                        mcanvas.drawLine(startx, starty,endx,endy, paint);
                        //最后把终点变成起点
                        startx=endx;
                        starty=endy;
                        imageView.setImageBitmap(bmcopy);
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                }

                return true;
            }
        });
        red.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                paint.setColor(Color.RED);

            }
        });
        bule.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                paint.setColor(Color.BLUE);

            }
        });
        shua.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                paint.setStrokeWidth(5);
            }
        });
        save.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //根据当前时间当做文件夹
                SimpleDateFormat format = new SimpleDateFormat("yyyyMMddHHmmss");
                Date date = new Date(System.currentTimeMillis());//获取当前时间
                //
                String str= format.format(date) + "paint.png";
                File file = new File("sdcard/" + str);
                FileOutputStream stream=null;
                try {
                    stream=new FileOutputStream(file);
                } catch (Exception e) {
                    e.printStackTrace();
                }
                bmcopy.compress(Bitmap.CompressFormat.PNG,100,stream);
                ////发送Sd卡的就绪广播,要不然在手机图库中不存在的
                Intent intent = new Intent(Intent.ACTION_MEDIA_MOUNTED);
                intent.setData(Uri.fromFile(Environment.getExternalStorageDirectory()));
                Toast.makeText(MainActivity.this,"已经保存图片",Toast.LENGTH_SHORT).show();
            }
        });

    }

}

XML布局

<?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="com.example.a11561.demo.MainActivity">

    <ImageView
        android:id="@+id/image"
        android:src="@drawable/timg"
        android:layout_width="wrap_content"
        android:layout_height="450dp" />

    <Button
        android:id="@+id/bt_red"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginLeft="11dp"
        android:layout_marginStart="11dp"
        android:text="红色" />

    <Button
        android:id="@+id/bt_bule"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginLeft="15dp"
        android:layout_marginStart="15dp"
        android:layout_toEndOf="@+id/bt_red"
        android:layout_toRightOf="@+id/bt_red"
        android:text="蓝色" />

    <Button
        android:id="@+id/bt_shua"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_toEndOf="@+id/bt_bule"
        android:layout_toRightOf="@+id/bt_bule"
        android:text="刷一刷" />

    <Button
        android:id="@+id/bt_save"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/bt_shua"
        android:text="保存" />

</RelativeLayout>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值