简易的Android绘图程序

最新推荐文章于 2021-05-26 19:43:21 发布
最新推荐文章于 2021-05-26 19:43:21 发布
阅读量1.2k 收藏 15
点赞数 4
分类专栏： Android 文章标签： 绘图 简易 手绘
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxkalychen/article/details/53825326
版权

因为要保存图片，所以先添加权限。

设计自定义的view：DevinDrawPanle，设计很多的图形和提供调用的方法，所代码比较多

/**
 * 自定义绘图面板
 * Created by Devin Chen on 2016/12/22.
 */

public class DevinDrawPanle extends View {

    private Canvas mCanvas;//画布

    private Paint mPaint;//画笔
    private Paint mBitmapPaint;//专门绘制图片的画笔;

    private Path mPath;//手绘路径

    private Bitmap mBitmap;//图片
    private Bitmap mTempBitmap;//临时图片

    private int shapeStyle = 0;//形状

    private int mWidth, mHeight;//宽高
    private float drawX, drawY;//绘制点
    //绘制幅度，当一个方向上触摸移动等于这个距离就绘制一条线,quadTo是绘制贝塞尔曲线
    private final static int TOUCH_TOLERANCE = 4;

    public DevinDrawPanle(Context context) {
        super(context);
        initView();
    }

    public DevinDrawPanle(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public DevinDrawPanle(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    /**
     * 初始化
     */
    private void initView() {
        initPaints();//初始化画笔
        mPath = new Path();//初始化绘图路径
    }

    /**
     * 初始化画笔
     */

    private void initPaints() {
        //绘图画笔
        mPaint = new Paint();//用数组管理画笔
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.RED);
        mPaint.setStrokeWidth(1);
        mPaint.setDither(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeJoin(Paint.Join.ROUND);
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        //绘制图片的画笔
        mBitmapPaint = new Paint(Paint.DITHER_FLAG);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth = w;
        mHeight = h;
        mBitmap = Bitmap.createBitmap(mWidth, mHeight, Bitmap.Config.ARGB_8888);
        mCanvas = new Canvas(mBitmap);
        //绘制背景
        mCanvas.drawColor(Color.WHITE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);//使用这一句，每次调用都把画好的图片在此绘制一遍，可保留绘画痕迹
        canvas.drawPath(mPath, mPaint);//不断被调用，不断绘制
    }

    /**
     * 触摸事件
     *
     * @param event
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x = event.getX();
        float y = event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN://按下
                touchStart(x, y);
                break;
            case MotionEvent.ACTION_MOVE://移动
                touchMove(x, y);
                break;
            case MotionEvent.ACTION_UP://提起
                touchEnd(x, y);
                break;
            default:
                break;
        }
        invalidate();//刷新视图
        return true;
    }

    /**
     * 绘制结束
     *
     * @param x
     * @param y
     */
    private void touchEnd(float x, float y) {
        switch (shapeStyle) {
            case 0:
                drawBezierEnd(x, y);//绘制贝塞尔曲线结束
                break;
            case 1:
                drawLine(x, y);
                break;
            case 2:
                drawRect(x, y);
                break;
            case 3:
                drawCircle(x, y);
                break;
            case 4:
                drawOval(x, y);
                break;
            case 5:
                drawRoundRect(x, y);
                break;
            default:
                break;
        }
    }

    /**
     * 绘制贝塞尔曲线结束
     *
     * @param x
     * @param y
     */
    private void drawBezierEnd(float x, float y) {
        mPath.lineTo(x, y);
        mCanvas.drawPath(mPath, mPaint);//这句必须要，否则绘制的东西立即消失
        mPath.reset();
    }

    /**
     * 绘制path
     *
     * @param x
     * @param y
     */
    private void touchMove(float x, float y) {
        //装载临时图片,不抬起就不会真正画到画布上，画贝塞尔除外
        mCanvas.drawBitmap(mTempBitmap, 0, 0, mBitmapPaint);
        switch (shapeStyle) {
            case 0:
                drawBezier(x, y);//绘制贝塞尔曲线
                break;
            case 1:
                drawLine(x, y);//绘制直线
                break;

            case 2:
                drawRect(x, y);//绘制矩形
                break;
            case 3:
                drawCircle(x, y);//绘制圆
                break;
            case 4:
                drawOval(x, y);//绘制椭圆
                break;
            case 5:
                drawRoundRect(x, y);//绘制圆角矩形,圆角12
                break;
            default:
                break;
        }
    }

    /**
     * 绘制直线
     *
     * @param x
     * @param y
     */
    private void drawLine(float x, float y) {
        mCanvas.drawLine(drawX, drawY, x, y, mPaint);
    }


    /**
     * 绘制矩形
     *
     * @param x
     * @param y
     */
    private void drawRect(float x, float y) {
        mCanvas.drawRect(drawX, drawY, x, y, mPaint);
    }

    /**
     * 绘制圆
     *
     * @param x
     * @param y
     */
    private void drawCircle(float x, float y) {
        //求得圆心位置
        float cx = (drawX + x) / 2;
        float cy = (drawY + y) / 2;
        //求得半径
        float radius = (float) Math.sqrt(Math.pow(x - drawX, 2) + Math.pow(y - drawY, 2)) / 2;//半径等于对角线的一半
        mCanvas.drawCircle(cx, cy, radius, mPaint);
    }

    /**
     * 绘制椭圆
     *
     * @param x
     * @param y
     */
    private void drawOval(float x, float y) {
        RectF rectF = new RectF(drawX, drawY, x, y);
        mCanvas.drawOval(rectF, mPaint);
    }

    /**
     * 绘制圆角矩形
     *
     * @param x
     * @param y
     */
    private void drawRoundRect(float x, float y) {
        RectF rectF = new RectF(drawX, drawY, x, y);
        mCanvas.drawRoundRect(rectF, 12, 12, mPaint);
    }

    /**
     * 绘制贝塞尔曲线
     *
     * @param x
     * @param y
     */
    private void drawBezier(float x, float y) {
        float dx = Math.abs(x - drawX);
        float dy = Math.abs(y - drawY);//计算绘制距离
        if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {
            //绘制一阶贝赛尔曲线，前两个参数为控制点，后两个为结束点
            mPath.quadTo((x + drawX) / 2, (y + drawY) / 2, x, y);//这里以中间位置为控制点
            drawX = x;
            drawY = y;//重新记录绘画点
        }
    }

    /**
     * 绘制开始
     *
     * @param x
     * @param y
     */
    private void touchStart(float x, float y) {
        mPath.reset();//路径工具复位
        mPath.moveTo(x, y);//绘制点移动
        drawX = x;
        drawY = y;//记录下来，作为正式绘制的起始点
        mTempBitmap = Bitmap.createBitmap(mBitmap);//保存临时图片
    }

    public void saveBitmap(File file) {
        //如果文件夹不存在则创建
        if (!file.getParentFile().exists()) {
            file.getParentFile().mkdirs();
        }
        //如果文件不存在则创建
        if (!file.exists()) {
            try {
                file.createNewFile();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        OutputStream outputStream = null;
        BufferedOutputStream bos=null;
        try {
            outputStream = new FileOutputStream(file);//输出流
            bos = new BufferedOutputStream(outputStream);//缓冲输出流
            mBitmap.compress(Bitmap.CompressFormat.PNG, 100, bos);//压缩图像到输出流
            bos.flush();
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            if (bos != null) {
                try {
                    bos.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            if (outputStream != null) {
                try {
                    outputStream.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }

    /**
     * 设置画笔颜色
     *
     * @param color
     */
    public void setPaintColor(@ColorInt int color) {
        mPaint.setColor(color);
    }

    /**
     * 设置画笔颜色
     *
     * @param colorID 从资源文件中获取
     */
    public void setPaintColorFromResources(@ColorRes int colorID) {
        mPaint.setColor(getResources().getColor(colorID));
    }

    /**
     * 设置画笔颜色
     *
     * @param color 从字符串解析
     */
    public void setPaintColor(String color) {
        try {
            //有可能解析失败
            mPaint.setColor(Color.parseColor(color));
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 设置画笔粗细
     *
     * @param width
     */
    public void setPaintStrokeWidth(float width) {
        mPaint.setStrokeWidth(width);
    }

    /**
     * 画矩形
     *
     * @param left
     * @param top
     * @param right
     * @param bottom
     */
    public void drawRect(float left, float top, float right, float bottom) {
        mCanvas.drawRect(left, top, right, bottom, mPaint);
    }

    /**
     * 获得画布
     *
     * @return
     */
    public Canvas getCanvas() {
        return mCanvas;
    }

    /**
     * 获得画笔
     *
     * @return
     */
    public Paint getPaint() {
        return mPaint;
    }

    /**
     * 设置绘制形状
     *
     * @param shapeStyle
     */
    public void setShapeStyle(int shapeStyle) {
        this.shapeStyle = shapeStyle;
    }
}

这样就可以调用了。

设计菜单文件：

1.menu_main_option.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/menu_item_save"
        android:title="保存" />

</menu>

2.menu_paint_colors.xml 

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:id="@+id/color_red" android:title="红色"/>
    <item android:id="@+id/color_orange" android:title="橙色"/>
    <item android:id="@+id/color_yellow" android:title="黄色"/>
    <item android:id="@+id/color_green" android:title="绿色"/>
    <item android:id="@+id/color_cyan" android:title="青色"/>
    <item android:id="@+id/color_blue" android:title="蓝色"/>
    <item android:id="@+id/color_purple" android:title="紫色"/>
    <item android:id="@+id/color_black" android:title="黑色"/>
    <item android:id="@+id/color_white" android:title="白色"/>
    <item android:id="@+id/color_gray" android:title="灰色"/>
</menu>

3.menu_line_style.xml 

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:id="@+id/drawline1" android:title="1"/>
    <item android:id="@+id/drawline2" android:title="2"/>
    <item android:id="@+id/drawline3" android:title="3"/>
    <item android:id="@+id/drawline4" android:title="4"/>
    <item android:id="@+id/drawline5" android:title="5"/>
</menu>

4.menu_shape_style.xml 

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:id="@+id/drawbezier" android:title="自由线"/>
    <item android:id="@+id/drawline" android:title="直线"/>
    <item android:id="@+id/drawrect" android:title="矩形"/>
    <item android:id="@+id/drawcircle" android:title="圆形"/>
    <item android:id="@+id/drawoval" android:title="椭圆"/>
    <item android:id="@+id/drawroundrect" android:title="圆角矩形"/>
</menu>


最后是主程序：MainActivity.java 

/**
 * 简易绘画程序
 */
public class MainActivity extends AppCompatActivity {
    private DevinDrawPanle drawPanle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        drawPanle = new DevinDrawPanle(this);
        setContentView(drawPanle);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main_option, menu);
        //添加子菜单
        SubMenu mnLineColor = menu.addSubMenu("颜色");
        SubMenu mnLineStyle = menu.addSubMenu("线型");
        SubMenu mnShapeStyle = menu.addSubMenu("形状");
        //实例化子菜单
        getMenuInflater().inflate(R.menu.menu_paint_colors, mnLineColor);
        getMenuInflater().inflate(R.menu.menu_line_style, mnLineStyle);
        getMenuInflater().inflate(R.menu.menu_shape_style, mnShapeStyle);

        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.menu_item_save:
                saveFile();
                break;
            //颜色选择
            case R.id.color_red:
                drawPanle.setPaintColor(Color.RED);
                break;
            case R.id.color_orange:
                drawPanle.setPaintColor("#FF6600");//有重载形式
                break;
            case R.id.color_yellow:
                drawPanle.setPaintColor(Color.YELLOW);
                break;
            case R.id.color_green:
                drawPanle.setPaintColor(Color.GREEN);
                break;
            case R.id.color_cyan:
                drawPanle.setPaintColor("#0055CC");
                break;
            case R.id.color_blue:
                drawPanle.setPaintColor(Color.BLUE);
                break;
            case R.id.color_purple:
                drawPanle.setPaintColor("#8800CC");
                break;
            case R.id.color_black:
                drawPanle.setPaintColor(Color.BLACK);
                break;
            case R.id.color_gray:
                drawPanle.setPaintColor(Color.GRAY);
                break;

            //设置线条粗细
            case R.id.drawline1:
                drawPanle.setPaintStrokeWidth(1);
                break;
            case R.id.drawline2:
                drawPanle.setPaintStrokeWidth(2);
                break;
            case R.id.drawline3:
                drawPanle.setPaintStrokeWidth(3);
                break;
            case R.id.drawline4:
                drawPanle.setPaintStrokeWidth(4);
                break;
            case R.id.drawline5:
                drawPanle.setPaintStrokeWidth(5);
                break;
            //设置形状
            case R.id.drawbezier:
                drawPanle.setShapeStyle(0);
                break;
            case R.id.drawline:
                drawPanle.setShapeStyle(1);
                break;
            case R.id.drawrect:
                drawPanle.setShapeStyle(2);
                break;
            case R.id.drawcircle:
                drawPanle.setShapeStyle(3);
                break;
            case R.id.drawoval:
                drawPanle.setShapeStyle(4);
                break;
            case R.id.drawroundrect:
                drawPanle.setShapeStyle(5);
                break;

            default:
                break;
        }
        return super.onOptionsItemSelected(item);
    }

    /**
     * 保存文件
     */
    private void saveFile() {
        File saveFile = new File(Environment.getExternalStorageDirectory(), "mybmp2.png");
        drawPanle.saveBitmap(saveFile);
        Toast.makeText(this, "文件保存在：" + saveFile.getAbsolutePath(), Toast.LENGTH_SHORT).show();
    }
}

运行效果：



宝华的小岛
关注
专栏目录
android 画图软件源码 markers-for-android
10-15
markers-for-android源码，android上的一款画图软件的源代码。支持压感以及多指画图等。非常具有研究价值。
constrainlayout布局
ano11662的博客
10-01 328
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android...
android drawline参数,Android绘图具体应用方式总结
weixin_31527905的博客
05-26 1749
在Android操作系统中，有很多功能技巧可以帮助我们轻松的实现一些需求。比如对图像图像的处理等等。我们在这里就会为大家带来一些有关Android绘图的方法，希望能是朋友们充分掌握这方面的应用。绘制各种图形、文字使用Canvas类中drawRect、drawText等方法，详细函数列表以及参数说明可以查看sdk图形的样式由paint参数控制Paint类也有很多参数设置方法坐标由Rect和RectF...
vue中使用gojs/jointjs
LRY1994的博客
08-23 5089
  因为公司项目需求，要画出相关业务的流程图，以便客户了解自己身处何处   搜索框输入 “前端流程图插件”，查了很多资料，总结一下有以下几种 flow-chart 代码写法繁琐，不是json就可以解决，效果也比较丑,PASS    darge-d3 github :https://github.com/dagrejs/dagre-d3   效果图   下载里面的demo...
安卓画图源码
05-04
这是一款简单的安卓画图小工具，主要用于初学者学习交流。
安卓android画图程序源代码
09-29
在Android平台上，开发一款画图程序涉及到许多关键的技术点，这些技术主要集中在用户交互、图形渲染和动画处理等方面。从标题“安卓android画图程序源代码”和描述中，我们可以推测这个程序允许用户进行图形绘制，...
android绘图程序源代码
03-16
代码片段：   public DrawView(Context context) { super(context); mPaints = new Paint[4]; mUseCenters = new boolean[4]; mOvals = new RectF[4]; mPaints[0] = new Paint();...
Android大作业 课程设计报告绘图程序
02-08
根据提供的文件信息，我们可以梳理出该课程设计报告的主要知识点，涉及Android应用开发中的绘图程序设计与实现。接下来，我们将围绕这些内容展开详细介绍。 ### 一、题目的内容及要求 #### 1. 问题描述 该部分描述...
android之简易绘图板
01-28
在Android平台上，开发一个简易的绘图板是一个常见的需求，特别是在构建教育、创意或娱乐类应用时。这个“android之简易绘图板”项目显然旨在提供一个基础的绘画功能，让用户能够在屏幕上自由绘制图形和线条。然而，...
Android程序设计-绘制.pptx
最新发布
11-02
1. **Paint类**：Paint对象是Android绘图的核心，它包含了所有关于颜色、样式和效果的信息。默认可以通过`new Paint()`创建一个Paint对象。例如，你可以使用`setARGB()`、`setColor()`、`setAlpha()`来设定颜色和...
Android简单画图应用开发
03-22
在Androidstudio上实现的简单画图软件，功能包括画笔颜色的改变，笔刷大小自定义，几何图形的绘制，实虚线的切换以及橡皮檫功能，保存图像功能还未实现
android 画图软件(3d）
06-13
和开源框架achartengine比较类似，不过画柱状是3d的，
Android 画图程序源码.zip
07-10
这是一个自动画图的程序，会自动改变图形的颜色。  
完整的安卓画板源代码 Android小画板
01-28
实现了画板的各种功能，网上找的，共享了。
Android基于Canvas，自定义View实现的简单画图工具
07-10
1、实现了画直线、矩形、圆形、手绘线。 2、实现了橡皮擦功能，对图上的线段可以擦除。 3、画完的图形可以保存为jpg格式的图片
Android 画图板程序实例（SketchPad）
热门推荐
永远即等待的专栏
03-08 1万+
最近没什么事情，写过一个画图板的DEMO（sketchpad），发出来与大家分享。 功能说明： 1、能画线(Pen)，能擦除(Eraser)，清除(Clear)。 2、Undo，Redo功能。 3、保存，加载笔迹(Stroke)。 4、画笔颜色。 5、画板背景色。 6、画笔，橡皮大小。 7、选择画景图片。 如何需要source，请与我联系：leehong2005@163.co
Android简单画图
hanmoliuxuan的博客
09-07 6933
1.新建一个Class继承View public class Demo extends View{ public Demo(Context context, AttributeSet attrs) { super(context, attrs); } } 输入extends view 然后在Demo上按提示的快捷键选第二个 2.创建画图方法 public ...
android实现简单画图功能
Bingin的博客
02-09 1万+
0x00 : 模拟Windows画图软件，简单的画图和颜色选择 0x01 :package com.itheima.scrawl;import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream;import com.itheima.scraw
android 斜线 绘制_Android绘图：绘制直线的 drawLine方法
weixin_39939510的博客
12-18 2271
【功能说明】该方法用于在画布上绘制直线，通过指定直线的两个端点坐标来绘制。该方法只能绘制单条直线；如果需要同时绘制多条直线，则可以使用drawLines方法。【基本语法】public void drawLine (float startX, float startY, float stopX, float stopY, Paint paint)参数说明startX：起始端点的X坐标。startY：...
Android绘图板简易实现教程
本文档主要介绍了如何在Android平台上...这篇文章提供了实现一个基础Android绘图板的详细指导，对初学者和有一定经验的开发者都具有实用价值，能够帮助他们理解如何运用Android的图形绘制API来创建可交互的绘图工具。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值