Android - Canvas 简单总结

最新推荐文章于 2018-01-18 16:02:50 发布
最新推荐文章于 2018-01-18 16:02:50 发布
阅读量1.4k 收藏
点赞数
分类专栏： Android 文章标签： android canvas
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/H_W_G_T/article/details/51223368
版权
在自定义控件时，经常需要使用canvas、paint等，在canvas类中，绘画基本都是靠drawXXX()方法来完成的，在这些方法中，很多时候都需要用到paint类型的参数，本文先对paint类常用的一些设置做个简单总结

paint 属性设置简单总结
图形绘制相关：
public void set(Paint src)  根据已有画笔的属性进行赋值
public void setColor(int color) 设置颜色
public void setAlpha(int alpha) 设置透明度，alpha为透明度,取值范围为0~255,数值越小越透明
public void setARGB(int a, int r, int g, int b)  设置透明度和颜色， a代表透明度，r，g，b代表颜色值
public void setAntiAlias(boolean aa) 设置是否使用抗锯齿功能，比较耗资源，减慢绘制速度
public void setDither(boolean dither) 设定是否使用图像抖动，如true，绘制出来的图片颜色更饱满、清晰  
public void setStyle(android.graphics._Original_Paint.Style style) 设置画笔的样式，为FILL，FILL_OR_STROKE，或STROKE  
以下这段文字来源于网络，谢谢作者！
当我们在调用drawCircle、drawOval、drawArc、drawRect等方法时，我们既可以绘制对应图形的填充面，也可以只绘制该图形的轮廓线，控制的关键在于画笔Paint中的style。Paint通过setStyle方法设置要绘制的类型，style有取三种值：Paint.Style.FILL、Paint.Style.STROKE和Paint.Style.FILL_AND_STROKE。
当style为FILL时，绘制是填充面，FILL是Paint默认的style；
当style为STROKE时，绘制的是图形的轮廓线；
当style为FILL_AND_STROKE时，同时绘制填充面和轮廓线，不过这种情况用的不多，因为填充面和轮廓线是用同一种颜色绘制的，区分不出轮廓线的效果。
public void setStrokeCap(Cap cap) 

当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的图形样式，如圆形样式  Cap.ROUND,或方形样式Cap.SQUARE  

public void setStrokeWidth(float width) 当画笔样式为STROKE或FILL_OR_STROKE时，设置笔刷的粗细度       
文字绘制相关：
public void setTextSize(float textSize) 设置文字大小
public void setTextScaleX(float scaleX) 设置文字x轴的缩放比例，可以实现文字的拉伸效果  
public void setTextSkewX(float skewX)  设置文字倾斜弧度  
public void setUnderlineText(boolean flag) 设置 文字 下划线效果    
public void setStrikeThruText(boolean flag) 设置删除线效果
public Typeface setTypeface(Typeface typeface) 设置字体风格    
public void setTextAlign(android.graphics._Original_Paint.Align align) 设置文字的对齐方向  
其中有两个属性设置需要作说明：
1、public Typeface setTypeface(Typeface typeface) ，接收参数为   Typeface对象，在 Typeface.java类中，比较简单的，有 defaultFromStyle方法返回 Typeface对象：
public static Typeface defaultFromStyle(int style) {}
2、 public void setTextAlign(android.graphics._Original_Paint.Align align)  设置文字的对齐方向，接收的参数为 Paint的内部枚举类Align的值，可选LEFT、CENTER和RIGHT。
下边是 文字绘制时 常用的属性设置例子：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void draw(Canvas canvas) {    
  2.     super.draw(canvas);    
  3.     paint.setTypeface(Typeface.defaultFromStyle(Typeface.BOLD));    
  4.     paint.setColor(Color.RED);    
  5.     paint.setTextSize(41);  
  6.     paint.setTextAlign(Align.CENTER);  
  7.     paint.setTextScaleX(2.5f);  
  8.     paint.setTextSkewX(-0.5f);  
  9.     paint.setUnderlineText(true);  
  10.     paint.setStrikeThruText(true);  
  11.     canvas.drawText("hwgt的博客", 0, 41, paint);    
  12.     ... ...  
  13. }   
另外，需要注意的是：C anvas的drawText()方法中，如不setTextAlign(... ...)的话， 第二个参数 x 默认是字符串的左边的位置，第三个参数则固定为这个字符串的baseline的位置。

Canvas属性与方法
首先列出canvas以draw开头的方法：
设置ARGB、颜色填充画布：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawARGB(int a, int r, int g, int b) {}  
  2. public void drawColor(int color) {}  
  3. public void drawRGB(int r, int g, int b) {}  
  4. canvas.drawARGB(50, 255, 0, 0);//参数即为ARGB的值  
画点：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public native void drawPoint(float x, float y, Paint paint);  
  2.   //参数比较明显，就是点的坐标，需要注意的是，在绘制点之前，需要设置画笔的宽度，否则不能画出来  
  3.   paint.setStrokeWidth(13);     
  4.   //另外，还可以设置画笔的样式，来指定所画的点的样式，圆形还是方形  
  5.   paint.setStrokeCap(Paint.Cap.ROUND);//或者paint.setStrokeCap(Paint.Cap.BUTT);  
  6.   canvas.drawPoint(100, 100, paint);  
画直线：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawLine(float startX, float startY, float stopX, float stopY, Paint paint) {}  
  2. canvas.drawLine(100, 100, 500, 500, paint);//参数为起点和终点的XY坐标  
画圆：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawCircle(float cx, float cy, float radius, Paint paint) {}  
  2. canvas.drawCircle(200, 200, 100, paint);//参数为圆心坐标和半径  
绘制矩形：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawRect(float left, float top, float right, float bottom, Paint paint) {}  
  2. public void drawRect(RectF rect, Paint paint) {}  
  3. public void drawRect(Rect r, Paint paint) {}  
  4. // RectF 和 Rect  都可用来定义一个矩形区域，主要区别是参数类型不同，一个是int类型，一个是float类型  
  5. private RectF mRectF;  
  6. mRectF = new RectF(100, 100, 200, 500);  
  7. canvas.drawRect(mRectF, paint);  
绘制圆角矩形：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawRoundRect(RectF rect, float rx, float ry, Paint paint) {}  
  2. private RectF mRectF;  
  3. mRectF = new RectF(100, 100, 500, 500);//定义一个区域  
  4. canvas.drawRoundRect(mRectF, 20, 50, paint); //第二、三个参数分别定义x和y方向的圆角弧度  
绘制一个区域的内切圆或椭圆（视所定义的矩形而定）：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawOval(RectF oval, Paint paint) {}  
  2. private RectF mRectF;  
  3. mRectF = new RectF(100, 100, 200, 500);  
  4. canvas.drawOval(mRectF, paint);  
绘制弧形区域：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter,Paint paint) {}  
  2. private RectF mRectF;  
  3. mRectF = new RectF(100, 100, 200, 200);//定义一个矩形区域  
  4. canvas.drawArc(mRectF, 0, 90, false, paint);  
  5. //第二个参数为起始弧度，第三个为终止弧度，第四个为显示方式  
绘制路径 — Path 的使用：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawPath(Path path, Paint paint) {}  
  2. paint.setStyle(Paint.Style.STROKE);  
  3. paint.setStrokeWidth(3);    
  4. mPath = new Path();  
  5. mPath.moveTo(100, 100);  
  6. mPath.lineTo(200, 100);  
  7. mPath.lineTo(150, 150);  
  8. mPath.lineTo(150, 350);  
  9. mPath.close();  
  10. canvas.drawPath(mPath, paint);  
绘制路径，即指定几个点的坐标，然后按照顺序将这些点连接起来，那么，首先需要指定起点，使用moveTo方法，如果没有使用moveTo方法指定起点的话，默认起点为（0,9），然后用lineTo方法指定需要经过的点，最后，如果起点和终点的坐标不一样，并且需要将起点和终点连接起来的话，就调用close方法，如不调用close方法的话，起点和终点是不会被连接起来的。
绘制文本 ：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawText(String text, float x, float y, Paint paint) {}  
  2. public void drawText(char[] text, int index, int count, float x, float y, Paint paint) {}  
  3. public void drawText(String text, int start, int end, float x, float y, Paint paint) {}  
  4. canvas.drawText("hwgt", 100, 100, paint);  
  5. canvas.drawText(new char [] {'h','w','g','t','3','1','3','3'}, 2, 3, 100, 100, paint);  
  6. canvas.drawText("hwgt3133", 2, 4, 100, 100, paint); //含头不含尾  
按照指定点的坐标绘制文本：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawPosText(String text, float[] pos, Paint paint) {}  
  2. public void drawPosText(char[] text, int index, int count, float[] pos, Paint paint) {}  
  3. canvas.drawPosText("hwgt", new float[]{50.0f,50.0f,100.0f,100.0f,250.0f,250.0f,500.0f,500.0f,}, paint);  
  4. canvas.drawPosText(new char[]{'h','w','g','t'}, 3, 1, new float[]{50.0f,50.0f,100.0f,100.0f,250.0f,250.0f,500.0f,500.0f,}, paint);  
  5. //推荐使用第二个方法，if (index < 0 || index + count > text.length || count*2 > pos.length)，就会报错  
按照指定的路径 绘制文本 ：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. public void drawTextOnPath(String text, Path path, float hOffset, float vOffset, Paint paint) {}  
canvas的save和restore方法：
在绘制图形的过程中，会需要对 画布进行旋转，缩放，平移等操作，但对画布进行比如平移操作之后，会对以后画上去的内容也产生影响，有时，我们只希望这种平移或是旋转操作只是临时作用于画布上的某些内容，这个时候就可以使用 save和restore方法， save和restore方法 一般是配对使用的，例如：
[java]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. paint.setFakeBoldText(true); // 将画笔设置为粗体  
  2. canvas.drawText("00000000", 0, 75, paint);  
  3. canvas.save();  
  4. canvas.translate(0, 250);  
  5. canvas.drawText("||||||||||||||||", 0, 75, paint);  
  6. canvas.restore();  
  7. canvas.drawText("—————", 0, 75, paint);  
去掉save和restore方法即能看出效果。

暂时总结到这里，后续再做补充

helloword_168
关注
专栏目录
Android-WaveView自定义水波纹控件
08-13
水波纹效果通常是通过动画实现的，利用Android的`Canvas`绘制系统和`ValueAnimator`类来完成动态变化。`WaveView`控件的核心在于创建一个可绘制的波纹图案，然后通过不断更新这个图案的位置和大小来模拟波动的效果。...
Android Canvas类
假装你是大灰狼的专栏
02-25 1884
1. Canvas类 Canvas主要用于2D绘图，它提供了很多相应的drawXxx()方法，Canvas的获取方式有三种 重写View的onDraw(Canvas)方法 @Override protected void onDraw(Canvas canvas) { } SurfaceView通过lockCanvas()方法获取Canvas @Override ...
Android Canvas绘图详解（图文）
05-22 1901
摘要 Android中使用图形处理引擎，2D部分是android SDK内部自己提供，3D部分是用Open GL ES 1.0。今天我们主要要了解的是2D相关的，如果你想看3D的话那么可以跳过这篇文章。 大部分2D使用的api都在android.graphics和android.graphics.drawable包中。他们提供了图 Android中使用图形处理引擎，2D部分是android
Android Canvas总结
KevinLxy的博客
11-25 1010
Canvas总结 Canvas类保存“draw”调用。 要绘制一些东西，你需要4个基本组件：Bitmap来保存像素，Canvas来承载绘图调用（写入位图），绘图基元（例如Rect，Path，text，Bitmap）,以及Paint来描述绘图的颜色和样式。 一、构造方法 Canvas()：无参数构造方法 Canvas(Bitmap bitmap)：有一个指定的Bitmap参数的构造方法 Canva
android 中的绘制类Paint 画笔,Canvas 画布,Bitmap 类和BitmapFactory及自定义属性
Dr_abandon的博客
11-23 5589
常用的绘图类是Paint 画笔,Canvas 画布,Bitmap 类和BitmapFactoryPaint类Paint类代表画笔，用来描述图形的颜色和风格，如线宽，颜色，透明度，和填充效果等信 息，使用Paint时，需要先创建该类的对象，这可以通过该类提供的构造方法来实现。通常情 况下，只需要使用无参数的构造方法来创建一个使用默认设置的Paint对象： Panit paint=new Panin
Android绘图Canvas与Paint属性汇总
WernerZeiss的博客
01-18 823
在我们写自定义控件画比较复杂的图形时，可能会经常出现忘记画布或画笔的某些属性和参数怎么写的情况（至少我是这样…），因此在查询资料后在这里总结一下，以便查阅。 Canvas属性 DrawPoint，绘制点 canvas.drawPoint(x,y,paint); DrawLine，绘制直线 canvas.drawLine(startX,startY,endX,endY,
Android-一个简单的Android自定义圆环进度条~
08-12
总结来说，创建自定义的Android圆环进度条涉及到对View的生命周期、Canvas绘图、属性动画等基础知识的理解。通过自定义视图，我们可以实现独特的界面元素，提升应用的用户体验。在实际开发中，可以结合现有的开源库...
Android-Android角标组件效果
08-12
总结，Android中的角标组件效果实现涉及到自定义View、布局嵌套、第三方库等多种方式，可以根据项目需求选择合适的方法。同时，需要注意角标的形状、颜色、动态更新、位置调整以及在不同设备上的适配，以提供良好的...
Android-安卓中的图片验证码控件
08-13
总结来说，Android中的图片验证码控件是一个关键的安全机制，涉及图像生成、用户交互、网络验证等多个环节。开发者可以根据实际需求，选择自定义实现或集成第三方库，同时注意兼顾安全性和用户体验。
Android-简易雷达扫描及度网页音乐播放器圆形图片转圈效果
08-13
在Android中，我们可以使用`Canvas`和`Paint`类来绘制这样的动画。首先，创建一个自定义的`View`，在`onDraw()`方法中根据时间更新雷达扫描的角度和半径。利用`postInvalidate()`定时重绘，以实现连续动画。同时，...
Android 画布Canvas之连线动画Demo
12-11
总结一下，这个"Android画布Canvas之连线动画Demo"涵盖了以下几个关键知识点： 1. Android Canvas的基本绘图方法，尤其是`drawLine()`。 2. 使用Handler和Runnable实现定时任务，进行动画更新。 3. 控制动画速度、...
Android基于Canvas，自定义View实现的简单画图工具
07-10
本项目“Android基于Canvas，自定义View实现的简单画图工具”就是利用这些技术创建了一个简易的绘图应用，用户可以在此画布上进行绘画操作，如绘制直线、矩形、圆形以及自由手绘，并且具备橡皮擦功能，可以擦除已有...
Android-Facebook开源的一个轻松构建文本布局的Android库
08-12
总结来说，`TextLayoutBuilder`是Facebook为Android开发者提供的一款强大的文本布局工具。它简化了复杂的文本处理工作，提高了代码的可读性和维护性，同时保持了良好的性能和用户体验。通过深入理解和熟练运用这个库...
Android高级应用源码-android-gif-drawable 支持fig显示的view.zip
10-14
总结，`android-gif-drawable`库为Android开发者提供了强大的GIF支持，不仅简化了GIF动画的集成，还提供了丰富的控制选项和高效的性能。通过深入理解其源码，开发者可以更好地定制自己的GIF显示功能，提升应用的交互...
Android-BezierCurve-sample
05-18
总结来说，"Android-BezierCurve-sample"项目是学习和实践Android中Bezier曲线绘制的一个宝贵资源。通过研究这个示例，你可以深入了解Java和Android图形绘制的原理，以及如何将这些技术应用到实际项目中。
Android之canvas详解
热门推荐
Ricardo的博客
05-14 2万+
首先说一下canvas类：Class Overview The Canvas class holds the "draw" calls. To draw something, you need 4 basic components: A Bitmap to hold the pixels, a Canvas to host the draw calls (writing into the bitma
android_浅析canvas的save()和restore()方法
好久不见
05-14 9632
绘图之前，首先需要调整画笔，待画笔调整好之后，再将图像绘制到画布上，这样才可以显示在手机屏幕上！Android 中的画笔是 Paint类，Paint 中包含了很多方法对其属性进行设置，主要常用方法：    setAntiAlias: 设置画笔的锯齿效果。    setColor: 设置画笔颜色    setARGB:  设置画笔的a,r,p,g值。    setAlpha:
Android绘图Canvas笔记
totond的博客
02-28 4705
Canvas的翻译是画布，Android系统里面的的2D绘图用的就是它。对应Canvas，官方的解释是这样的： The Canvas class holds the “draw” calls. To draw something, you need 4 basic components: A Bitmap to hold the pixels, a Canvas to host the draw
Android canvas实现自适应饼状统计图教程
总结来说，要在Android中实现canvas绘制饼状统计图，你需要掌握以下几个要点： - 创建自定义视图并配置画笔 - 数据结构的使用和设置 - 根据屏幕尺寸和数据动态调整饼图布局 - 实现文本和线条的自适应绘制 这个示例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值