android画笔画布基本方法,android 画布，画笔，综合使用，可实现简单的画板

最新推荐文章于 2024-08-06 20:51:14 发布
最新推荐文章于 2024-08-06 20:51:14 发布
阅读量595 收藏 2
点赞数
文章标签： android画笔画布基本方法
本文详细介绍了如何在Android中创建一个自定义View，实现画板功能，包括画笔、橡皮擦的使用，以及透明度的设置。作者在编写过程中遇到透明画笔路径不显示的问题，并最终找到了解决方案，即通过设置PorterDuff.Mode.SRC_OUT模式来实现橡皮擦效果。代码示例展示了关键的初始化和触摸事件处理过程。
摘要由CSDN通过智能技术生成

编写之前需要了解的知识点

自定义 view

画笔 paint

路径 path

画布 canvas

别写这个的时候遇见好大的一个坑，就是使用canvas时，使用paint画笔具有透明度，每次都是调试不出来这个带透明的画笔，其实很简单的问题，让我疑惑了一天。

以上就是我在编写的时候遇见的问题

先上图，看一下带透明度的线4d791eebefe82fffd9aa8af08bcb2f76.png

本节主要讲解最基础的部分

private static final int INIT_PEN_WIDTH = 80;

/**

* 画笔的模式

*/

public static final int MODE_PEN = 0;

public static final int MODE_ERASER = 1;

private float mX, mY;

private float TOUCH_TOLERANCE = 4;

private int mMode;

private Paint mPenPaint;//画画的画笔

private Paint mEraserPaint;//用于橡皮擦的画笔

private int mPenWidth;//用于保存当前的画笔宽度

private int mPenColor;//用于保存当前画笔的颜色

private Paint.Style mPenStyle; //当前画笔的样式

private int mEraserWidth = 50;//用于保存当前橡皮擦的宽度

private Canvas mPenCanvas;//用于画画的画板

private Bitmap mPenBitmap;//一个空白的图片，通过画板控制 mPenCanvas;

以上是画板的参数

初始化橡皮擦的画笔属性

mEraserPaint = new Paint();

mEraserPaint.setStrokeWidth(mEraserWidth);

mEraserPaint.setAlpha(0);

//这个属性是设置paint为橡皮擦重中之重

//这是重点

mEraserPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));

//上面这句代码是橡皮擦设置的重点(重要的事是不是一定要说三遍)

mEraserPaint.setAntiAlias(true);

mEraserPaint.setDither(true);

mEraserPaint.setStyle(Paint.Style.STROKE);

mEraserPaint.setStrokeJoin(Paint.Join.ROUND);

mEraserPaint.setStrokeWidth(mEraserWidth);这里橡皮擦的画笔初始化，所要求的知识点比较全面，如果把这个搞明白了，画笔Paint的基本使用你就没有问题了。

下面是对画画的画笔进行初始化

mPenPaint = new Paint();

mPenPaint.setAntiAlias(true);

mPenPaint.setStrokeWidth(mPenWidth);

mPenPaint.setStyle(mPenStyle);

mPenPaint.setColor(mPenColor);

mPenPaint.setStrokeCap(Paint.Cap.ROUND);

mPenPaint.setStrokeJoin(Paint.Join.ROUND);

下面呢对画布进行初始化操作

//创建一个画布背景

mPenBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);

//用于操作的画布

mPenCanvas = new Canvas(mPenBitmap);

下面的具体操作就是在OnTouchListener的滑动事件对手势进行操作

@Override

public boolean onTouch(View v, MotionEvent event) {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

touchDown(event);

break;

case MotionEvent.ACTION_UP:

touchUp(event);

break;

case MotionEvent.ACTION_MOVE:

touchMove(event);

break;

}

return true;

}

然后就是touchDown方法内的内容，里面主要创建一个每次操作的启示初始化工作；

private voidtouchDown(MotionEvent event) {

floatx = event.getX();floaty = event.getY();mX= x;mY= y;DrawParams drawParams = newDrawParams();if(mMode== MODE_PEN) {

drawParams.paint= newPaint(mPenPaint);} else if(mMode== MODE_ERASER) {

drawParams.paint= newPaint(mEraserPaint);}

drawParams.path= newPath();drawParams.path.moveTo(x,y);//mPath.moveTo(x, y);mDrawList.add(drawParams);invalidate();}

下面的就是touchMove方法是比较重点的地方

private voidtouchMove(MotionEvent event) {

floatx = event.getX();floaty = event.getY();floatdx = Math.abs(x - mX);floatdy = Math.abs(y - mY);if(dx >= TOUCH_TOLERANCE|| dy >= TOUCH_TOLERANCE) {mDrawList.get(mDrawList.size() - 1).path.quadTo(mX,mY,(x + mX) / 2,(y + mY) / 2);invalidate();}

mX= x;mY= y;}

下面是onDraw的具体方法

@Overrideprotected voidonDraw(Canvas canvas) {

initDraw();/*** 用于解决 使用透明色时，划线颜色一直加深的问题，该方法就是每次操作的时候都会把画板用橡皮擦清空内容* 然后在让保存的每次操作进行对画板的设置；*/mPenCanvas.drawBitmap(mPenBitmap,0,0,mEraserPaint);if(mDrawList.size() > 0)

for(inti = 0;i < mDrawList.size();i++) {

DrawParams drawParams = mDrawList.get(i);mPenCanvas.drawPath(drawParams.path,drawParams.paint);}

canvas.drawBitmap(mPenBitmap,0,0, null);super.onDraw(canvas);}

总感觉代码太过简单，所以没有描述过多。这都是基础。就是实现画笔带有透明度的时候总是 Path路径不带透明度，让我郁闷一天，后来才想到，只要加一行代码一切都解决。

上网查了好多资料都没有，在阳台抽烟忽悠一下想到的，真就是灵光一闪，答案就出来了。

下面我就把全部源码贡献，希望对你有帮助，我还会继续的扩展，我们老大要让我做一个带图片缩放，对图片进行绘画的功能软件，等完毕后，把工程上传让大家分享。

/**

* Created by mrqiu on 2017/4/3.

*/

public class DrawView extends View implements View.OnTouchListener {

private static final int INIT_PEN_WIDTH = 80;

/**

* 画笔的模式

*/

public static final int MODE_PEN = 0;

public static final int MODE_ERASER = 1;

private ArrayListmDrawList;//用于存储每次的操作

private float mX, mY;

private float TOUCH_TOLERANCE = 4;

private int mMode;

private Paint mPenPaint;//画画的画笔

private Paint mEraserPaint;//用于橡皮擦的画笔

private int mPenWidth;//用于保存当前的画笔宽度

private int mPenColor;//用于保存当前画笔的颜色

private Paint.Style mPenStyle; //当前画笔的样式

private int mEraserWidth = 50;//用于保存当前橡皮擦的宽度

private Canvas mPenCanvas;//用于画画的画板

private Bitmap mPenBitmap;//一个空白的图片，通过画板控制 mPenCanvas;

public DrawView(Context context) {

super(context);

init(context, null, 0);

}

public DrawView(Context context, AttributeSet attrs) {

super(context, attrs);

init(context, attrs, 0);

}

public DrawView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init(context, attrs, defStyleAttr);

}

private void init(Context context, AttributeSet attrs, int defStyleAttr) {

mDrawList = new ArrayList<>();

mPenColor = Color.BLUE;

mPenStyle = Paint.Style.STROKE;

mPenWidth = INIT_PEN_WIDTH;

mPenPaint = new Paint();

mPenPaint.setAntiAlias(true);

mPenPaint.setStrokeWidth(mPenWidth);

mPenPaint.setStyle(mPenStyle);

mPenPaint.setColor(mPenColor);

mPenPaint.setStrokeCap(Paint.Cap.ROUND);

mPenPaint.setStrokeJoin(Paint.Join.ROUND);

mEraserPaint = new Paint();

mEraserPaint.setStrokeWidth(mEraserWidth);

mEraserPaint.setAlpha(0);

//这个属性是设置paint为橡皮擦重中之重

//这是重点

mEraserPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));

//上面这句代码是橡皮擦设置的重点(重要的事是不是一定要说三遍)

mEraserPaint.setAntiAlias(true);

mEraserPaint.setDither(true);

mEraserPaint.setStyle(Paint.Style.STROKE);

mEraserPaint.setStrokeJoin(Paint.Join.ROUND);

mEraserPaint.setStrokeWidth(mEraserWidth);

//创建一个画布背景

mPenBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);

//用于操作的画布

mPenCanvas = new Canvas(mPenBitmap);

setOnTouchListener(this);

}

@Override

public boolean onTouch(View v, MotionEvent event) {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

touchDown(event);

break;

case MotionEvent.ACTION_UP:

touchUp(event);

break;

case MotionEvent.ACTION_MOVE:

touchMove(event);

break;

}

return true;

}

private void touchMove(MotionEvent event) {

float x = event.getX();

float y = event.getY();

float dx = Math.abs(x - mX);

float dy = Math.abs(y - mY);

if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {

//mPath.reset();

//mPath.moveTo(mX,mY);

//mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);

mDrawList.get(mDrawList.size() - 1).path.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);

Log.i("touchMove", "touchMove: " + mX + ",mY=" + mY + "," + mDrawList.size());

invalidate();

}

mX = x;

mY = y;

}

private void touchUp(MotionEvent event) {

}

private void touchDown(MotionEvent event) {

float x = event.getX();

float y = event.getY();

mX = x;

mY = y;

DrawParams drawParams = new DrawParams();

if (mMode == MODE_PEN) {

drawParams.paint = new Paint(mPenPaint);

} else if (mMode == MODE_ERASER) {

drawParams.paint = new Paint(mEraserPaint);

}

drawParams.path = new Path();

drawParams.path.moveTo(x, y);

//mPath.moveTo(x, y);

mDrawList.add(drawParams);

invalidate();

}

public void setMode(int mode) {

mMode = mode;

}

public static class DrawParams {

Path path;

Paint paint;

}

private void initDraw() {

mPenCanvas.drawColor(Color.argb(0, 0, 0, 0));

}

@Override

protected void onDraw(Canvas canvas) {

initDraw();

/**

* 用于解决 使用透明色时，划线颜色一直加深的问题，该方法就是每次操作的时候都会把画板用橡皮擦清空内容

* 然后在让保存的每次操作进行对画板的设置；

*/

mPenCanvas.drawBitmap(mPenBitmap, 0, 0, mEraserPaint);

if (mDrawList.size() > 0)

for (int i = 0; i < mDrawList.size(); i++) {

DrawParams drawParams = mDrawList.get(i);

mPenCanvas.drawPath(drawParams.path, drawParams.paint);

}

canvas.drawBitmap(mPenBitmap, 0, 0, null);

super.onDraw(canvas);

}

public void setPenColor(int penColor) {

this.mPenColor = penColor;

mPenPaint.setColor(penColor);

}

}

半个科创史学先生
关注
android画笔,Android自定义View系列之画笔（一）
weixin_29485887的博客
05-27 1785
1.先介绍画笔的三种形式 (Style，StrokeCap，StrokeJoin)图如下2.画笔的具体API使用(一)图形绘制1) 设置绘制的颜色，a代表透明度，r，g，b代表颜色值。setARGB(int a,int r,int g,int b);2) 设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。setAntiAlias(boolean aa);3) 设定是否使用图像抖动处理，会...
android paint 圆角 绘制_Android画笔画布基本方法
weixin_35704532的博客
01-26 774
先了解画笔Paint和画布Canvas一些基本方法，然后学习画笔特效处理的高级属性PorterDuffXfermode、Shader、PathEffect，并实现圆角、刮刮卡、圆形头像、倒影效果Paintvoid setARGB(int a, int r, int g, int b)设置Paint对象颜色，参数一为alpha透明通道void setAlpha(int a)设置alpha不透明度，范...
简单的Android画笔Demo
01-08
一个简单的Android画笔Demo，实现简单的撤销，修改画笔颜色和宽度
android canvas画布 和 Paint画笔
明明爱
09-07 771
Paint画笔 Paint paint=new Paint(); 1.图形绘制 paint.setAntiAlias(true); //设置画笔为无锯齿 设置是否使用抗锯齿功能，会消耗较大资源，绘制图形速度会变慢。 paint.setColor(Color.BLACK); //设置画笔颜色 paint.setStroke
Android 自定义View(二)：画布、画笔、路径(遮罩)以及Sufaceview
最新发布
qq_40853919的博客
08-06 718
1）画布是什么？画布如何使用？2）画笔是什么，画笔如何生成呢？3）如何画圆、画文字、画矩形4）路径（Path）遮罩5）Sufaceview（使用子线程绘画）
Android 画笔画布
小小的熊的博客
02-27 433
画笔--Paint;画布--Canvas 1、绘图步骤 2、自定义View private class MyView extends View { public MyView(Context context) { super(context); } @Override protected void onDraw(Canvas canvas) { //重写onDraw()方法 .
Android 画笔Paint
qq_34159463的博客
08-19 403
了解Android Paint，一篇就够。引用Aige《自定义控件其实很简单》系列博客的话“很多时候你压根不需要了解太多原理，只需站在巨人的丁丁上即可”，所谓前人种树后人好乘凉，这里记录下我的实践结果。 我们可以通过Paint中setter方法来为画笔设置属性： 浩浩荡荡来将这些方法一一过一遍： set
Android画板开发之基本画笔功能
08-26
总结起来，实现一个基本的Android画板功能，主要涉及到自定义View、触摸事件处理、画笔对象的配置以及在Canvas上绘制线条的方法。通过这样的实现，用户可以在屏幕上用手指拖动绘制出平滑的线条，为后续添加橡皮擦、...
android实现屏幕画笔工具
06-21
在Android平台上实现一个屏幕画笔工具，涉及到许多关键的技术点，包括图形绘制、触摸事件处理、用户交互设计等。下面将详细阐述这些知识点。 首先，Android的图形绘制主要依赖于Canvas和Paint对象。Canvas提供了...
android 画笔画板功能效果的实现.zip
07-10
本项目标题"android 画笔画板功能效果的实现.zip"揭示了其核心内容：实现了一个能够模拟钢笔和水彩笔效果的画板，并且具备清除画布功能。下面我们将详细探讨这些知识点。 1. **Canvas与Paint类**： Android中的`...
Android 自定义画布canvas 实现绘制和清空画布功能
10-21
在Android开发中，自定义画布Canvas是实现图形绘制的核心工具。...总之，自定义画布Canvas是Android图形界面开发中不可或缺的一部分，通过熟练掌握其用法，可以实现各种复杂而富有创意的视觉效果。
android实现的屏幕画笔
11-09
自己用android实现的一个屏幕画笔的简单功能，功能和PC机上用的屏幕画笔一样
android 画图画笔
06-13
android 画图画笔
Android 画笔功能
lhangtk的专栏
08-24 1923
实现的一个简单的具有画笔功能的view，代码中注释已经很详细了，在这就不啰嗦了，上代码 package com.example.drawtest; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.*; import android.graphics.B
android 画笔 以及画布,Android学习笔记画笔和画布
weixin_42386504的博客
05-26 221
概念画笔类:Paint用于指定颜色、透明度、笔触磅数、图形样式。画布类:Canvas用于指定背景颜色，尺寸画笔的容器。绘图的基本步骤继承View类，重写OnDraw()——>在Activity中引用案例绘制一个矩形activity_main.xmlandroid:id="@+id/framelayout"xmlns:tools="http://schemas.android.com/tool...
Android--界面事件_画笔
小胡同的诗
12-23 342
前言 通过自定义的一个画布view，在上面进行画笔的事件监听。 Android代码： 要实现画图我们需要画布、画笔，所以我们自定义一个继承于view的类。 画笔需要完成的工作是，当有监听到动作时，把路径设置一下，移动的话就在两点之间所有坐标标记，点击的话在那点的坐标标记。这些东西要有一个路径path存起来，然后画布canvas根据这些path在画布上显示。 package cn.zhuangzh...
关于Android中的画笔画画
童年纸飞机的博客
02-04 361
bitmap， canvas， paint 区别， 联系， 使用关系 Canvas 对于这个类，不熟悉， 但绝对见过！而且十分令人印象深刻的是在Android 源码中， 一个举世闻名的类–View： public class View implements Drawable.Callback, KeyEvent.Callback, AccessibilityEventSource { 此处省略一万多行代码。。。。 /*直至一处举世闻名的方法*/ /** * Implemen.
Android开发之画笔
Jashion
11-16 1027
由于公司做的Android第二版App改版用到了扇形图，折线图以及柱状图，所以，鄙人学习了一些画笔的使用。     首先，在一张canvas上作画，要确定下笔的位置，这时候需要获取画布的信息（如果没有对画布的宽高做限制，默认就是屏幕的宽高）     下面我们来探讨一下屏幕参数的获取：     1.通过WindowMananger和display     先说说WindowMananger，
安卓中画笔工具的初步认识
white_cafe的博客
09-17 987
画笔工具先在xml文件中放一个button和一个imageview<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值