Android中Canvas的常用方法总结

一、对Canvas进行操作

对Canvas的一系列操作,是指对Canvas进行旋转、平移、缩放等操作。

这些操作可以让Canvas对象使用起来更加便捷。

二、Canvas平移

/**
 * 画布向(100,50)方向平移
 *
 * 参数1: 向X轴方向移动100距离
 * 参数2: 向Y轴方向移动50距离
 */
 canvas.translate(100, 50);

三、Canvas缩放

/**
 * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍
 * 参数1: X轴的放大倍数
 * 参数2: Y轴的放大倍数
 */
canvas.scale(2, 4);

/**
 * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍
 * 参数1: X轴的放大倍数
 * 参数2: Y轴的放大倍数
 * 参数3: 原点X坐标
 * 参数4: 原点Y坐标
 */
canvas.scale(2, 4,100,100);

四、Canvas旋转

/**
 * 原点为中心,旋转30度(顺时针方向为正方向 )
 * 参数: 旋转角度
 */
canvas.rotate(30);

/**
 * 以(100,100)为中心,旋转30度,顺时针方向为正方向
 * 参数: 旋转角度
 */
canvas.rotate(30,100,100);

五、Canvas操作例子

 Paint p = new Paint();
 p.setColor(Color.argb(50,255,100,100));
 canvas.drawRect(0,0,200,200,p); // 以原始Canvas画出一个矩形1
 canvas.translate(300,300); // 将Canvas平移 (100,100)
 p.setColor(Color.argb(50,100,255,100));
 canvas.drawRect(0,0,200,200,p); // 矩形2
 canvas.rotate(30); //将Canvas旋转30
 p.setColor(Color.argb(50,100,0,255));
 canvas.drawRect(0,0,200,200,p); // 矩形3
 canvas.scale(2, 2); // 将Canvas以原点为中心,放大两倍
 p.setColor(Color.argb(50,255,255,0));
 canvas.drawRect(0,0,200,200,p); // 矩形4

六、Canvas保存和还原

Canvas提供了几个方法,让我们可以方便的对Canvas的状态进行更改和还原。

这些方法是:save() restore() restoreToCount(int saveCount)

我们在对Canvas进行平移、旋转、放大等操作时候,可以调用save()方法,将当前修改过的Canvas状态进行保存,调用restore() 方法后,会将Canvas还原成最近的一个save() 的状态。

save()方法还会有一个返回值,我们也可以调用restoreToCount(int saveCount)方法,将这个返回值作为参数传递进去,就可以将Canvas还原成某一个特定的save()状态。

 canvas.translate(100,100); // 平移(100,100)
 int save1 = canvas.save(); // 保存Canvas状态(状态1)
 canvas.scale(2, 2); // 放大2倍
 int save2 = canvas.save(); // 保存Canvas状态(状态2)
 canvas.restore(); // 返回最新的save状态,即状态2
 canvas.restoreToCount(save1);// 手动指定的返回到 状态1

六、Canvas画图实例

1、画文字

/**
 * 参数2:文本的x轴的开始位置
 * 参数2:文本Y轴的结束位置
 * 参数3:画笔对象
 */
canvas.drawText("开始写字了!",50, 50, p);// 画文本 

/**
 * 参数2:要从第几个字开始绘制
 * 参数3:要绘制到第几个文字
 * 参数4:文本的x轴的开始位置
 * 参数5:文本Y轴的结束位置
 * 参数6:画笔对象
 */
canvas.drawText("开始写字了!",2,5, 50, 50, p);// 画文本,结果为:“写字了”
/**
 * 参数2:路径
 * 参数3:距离路径开始位置的偏移量
 * 参数4:距离路径上下的偏移量(可以为负数)
 * 参数5:画笔对象
 */
canvas.drawTextOnPath("1234567890101123123", path, 0, -50, p);

2、画圆

/**
 * 参数1:圆心X
 * 参数2:圆心Y
 * 参数3:半径R
 * 参数4:画笔对象
 */
canvas.drawCircle(200, 200, 100, p);

3、画线

/*
 * 参数1:startX
 * 参数2:startY
 * 参数3:stopX
 * 参数4:stopY
 * 参数5:画笔对象
 */
canvas.drawLine(100, 100, 300, 300, p);// 画线
/*
 * 同时绘制多条线。
 * 参数1:float数组:每四个一组为一条线。最后不足四个,就忽略那些值。
 * 参数2:画笔对象
 */
canvas.drawLines(new float[]{100,100,200,200,200,100,300,100}, p);

4、画椭圆

/*
 * 参数1:float left
 * 参数2:float top
 * 参数3:float right
 * 参数4:float bottom
 */
RectF oval = new RectF(150, 200, 500, 400);// 画一个椭圆
canvas.drawOval(oval, p);

5、画弧度

/**
 * 画圆弧
 * 参数1:RectF对象。
 * 参数2:开始的角度。(水平向右为0度顺时针反向为正方向)
 * 参数3:扫过的角度
 * 参数4:是否和中心连线
 * 参数5:画笔对象
 */
canvas.drawArc(oval, 20, 180, false, p);

6、矩形

/**
 * 矩形
 * 参数1:float left
 * 参数2:float top
 * 参数3:float right
 * 参数4:float bottom
 */
canvas.drawRect(100,100, 200, 200, p); 

//画圆角矩形
RectF oval3 = new RectF(80, 260, 200, 300);// 设置个新的长方形
canvas.drawRoundRect(oval3, 20, 5, p);//第二个参数是x半径,第三个参数是y半径

7、多边形

/**
 * Path类封装复合(多轮廓几何图形的路径
 * 由直线段*、二次曲线,和三次方曲线,也可画以油画。drawPath(路径、油漆),要么已填充的或抚摸
 * (基于油漆的风格),或者可以用于剪断或画画的文本在路径。
 */
Path path = new Path(); // 路径对象
path.moveTo(80, 200);// 此点为多边形的起点
path.lineTo(120, 250);
path.lineTo(80, 250);
//.... 可以添加多个点。构成多边形
path.close(); // 使终点和起点链接,构成封闭图形
  canvas.drawPath(path, p);

8、画贝塞尔曲线

p.setStyle(Style.STROKE);
Path path2=new Path();
path2.moveTo(100, 100);//设置Path的起点
/**
 * 参数1、2:x1,y1为控制点的坐标值
 * 参数3、4:x2,y2为终点的坐标值
 */
path2.quadTo(300, 100, 400, 400); //设置贝塞尔曲线的控制点坐标和终点坐标
path2.quadTo(500, 700, 800, 800);
canvas.drawPath(path2, p);//画出贝塞尔曲线

9、画点

/**
 * 参数1、2:点的x、y坐标
 */
canvas.drawPoint(60, 390, p);//画一个点
/**
 * 参数1:多个点,每两个值为一个点。最后个数不够两个的值,忽略。
 */
canvas.drawPoints(new float[]{60,400,65,400,70,400}, p);//画多个点

10、画图片

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
/**
 * 参数1:bitmap对象
 * 参数2:图像左边坐标点
 * 参数3:图像上边坐标点
 */
canvas.drawBitmap(bitmap, 200,300, p);

七、总结

以上就是这篇文章的全部内容,希望对大家的学习或者工作能有一定的帮助,如果有疑问可以留言留言。

(0)

相关推荐

  • Android canvas drawBitmap方法详解及实例

     Android canvas drawBitmap方法详解及实例 之前自己在自定义view,用到canvas.drawBitmap(Bitmap, SrcRect, DesRect, Paint)的时候,对其中的第2和3个参数的含义含糊不清.看源码函数也没理解,然后看了一些其他的博客加上自己的理解,整理如下.首先,我们看一张图片,今天就要绘制这张图片. 然后将图片用红色的线条分成4个部分,如下: 我们自定义一个View,代码如下: public class PoterDuffLoadingVi

  • Android画图之抗锯齿paint和Canvas两种方式实例

    在画图的时候,图片如果旋转或缩放之后,总是会出现那些华丽的锯齿.其实Android自带了解决方式. 方法一:给Paint加上抗锯齿标志.然后将Paint对象作为参数传给canvas的绘制方法. paint.setAntiAlias(true); 方法二:给Canvas加上抗锯齿标志. 有些地方不能用paint的,就直接给canvas加抗锯齿,更方便. 复制代码 代码如下: canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_AL

  • Android编程开发之在Canvas中利用Path绘制基本图形(圆形,矩形,椭圆,三角形等)

    本文实例讲述了Android编程开发之在Canvas中利用Path绘制基本图形的方法.分享给大家供大家参考,具体如下: 在Android中绘制基本的集合图形,本程序就是自定义一个View组件,程序重写该View组件的onDraw(Canvase)方法,然后在该Canvas上绘制大量的基本的集合图形. 直接上代码: 1.自定义的View组件代码: package com.infy.configuration; import android.content.Context; import andro

  • Android 中View.onDraw(Canvas canvas)的使用方法

    Android 中View.onDraw(Canvas canvas)的使用方法 View通过View.onDraw(Canvas canvas)来Draw. 我们可以定义自己的继承于View的TestView,然后重载View.onDraw(Canvas canvas). 对于自定义的TestView如何与Activity关联?有以下两种方式: 直接在setContentView(View view)里面加进去自定义的View:setContentView(new TestView(this)

  • Android使用Canvas绘制圆形进度条效果

    前言 Android自定义控件经常会用到Canvas绘制2D图形,在优化自己自定义控件技能之前,必须熟练掌握Canvas绘图机制.本文从以下三个方面对Canvas绘图机制进行讲解: 画布Canvas 画笔Paint 示例圆形进度条 画布Canvas 首先,来看一下Android官网对Canvas类的定义: The Canvas class holds the "draw" calls.To draw something, you need 4 basic components: A B

  • Android开发之图形图像与动画(一)Paint和Canvas类学习

    Paint类 *Paint类代表画笔,用来描述图形的颜色和风格,如线宽,颜色,透明度和填充效果等信息. *使用Paint类时,需要先创建该类的对象,可以通过该类的构造函数实现.通常情况的实现代码是: *Paintpaint=newPaint(); *创建完Paint对象后,可以通过该对象提供的方法对画笔的默认设置进行改变 Canvas *Canvas类代表画布,通过该类提供的构造方法,可以绘制各种图形. *通常情况下,要在Android中绘图,需要先创建一个继承自View类的视图,并且在该类中重

  • Android 游戏开发之Canvas画布的介绍及方法

    Canvas,在英语中,这个单词的意思是帆布.在Android中,则把Canvas当做画布,只要我们借助设置好的画笔(Paint类)就可以在画布上绘制我们想要的任何东西:另外它也是显示位图(Bitmap类)的核心类.随用户的喜好,Canvas还可设置一些关于画布的属性,比如,画布的颜色.尺寸等.Canvas提供了如下一些方法:    Canvas(): 创建一个空的画布,可以使用setBitmap()方法来设置绘制具体的画布.    Canvas(Bitmap bitmap): 以bitmap对

  • Android中Canvas的常用方法总结

    一.对Canvas进行操作 对Canvas的一系列操作,是指对Canvas进行旋转.平移.缩放等操作. 这些操作可以让Canvas对象使用起来更加便捷. 二.Canvas平移 /** * 画布向(100,50)方向平移 * * 参数1: 向X轴方向移动100距离 * 参数2: 向Y轴方向移动50距离 */ canvas.translate(100, 50); 三.Canvas缩放 /** * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍 * 参数1: X轴的放大倍数 * 参数2: Y轴的放

  • Android 使用Canvas在图片上绘制文字的方法

    [Android]Android中 Paint 字体.粗细等属性的一些设置 在Android SDK中使用Typeface类来定义字体,可以通过常用字体类型名称进行设置,如设置默认黑体: Paint mp = new paint(); mp.setTypeface(Typeface.DEFAULT_BOLD) 常用的字体类型名称还有: * Typeface.DEFAULT //常规字体类型 * Typeface.DEFAULT_BOLD //黑体字体类型 * Typeface.MONOSPACE

  • Android中区别Drawable Bitmap Canvas Paint

    1.概念区别: 很多网友刚刚开始学习Android平台,对于Drawable.Bitmap.Canvas和Paint它们之间的概念不是很清楚,其实它们除了Drawable外早在Sun的J2ME中就已经出现了,但是在Android平台中,Bitmap.Canvas相关的都有所变化. 首先让我们理解下Android平台中的显示类是View,但是还提供了底层图形类android.graphics,今天所说的这些均为graphics底层图形接口. Bitmap - 称作位图 一般位图的文件格式后缀为bm

  • Android中使用Canvas绘制南丁格尔玫瑰图(Nightingale rose diagram)

    南丁格尔玫瑰图 在常规图表中实在很惊艳,但我初看没看懂,一查原来南丁格尔这么伟大,确实值得尊敬. 再仔细研究了下这种图的构成,发现原来就是把柱形图的柱形换成了扇形图的半径来表示,当然,变种有好多,我这只是说我理解的这种. 知道了其构成方式后就好实现了,依传入参数个数决定其扇形角度,依百分比决定其扇形的半径长度,然后就一切都水到渠成了. 漂亮的美图献上: 附上实现代码: package com.xcl.chart; /** * Canvas练习 * 自已画南丁格尔玫瑰图(Nightingale r

  • Android 中StringBuffer 和StringBuilder常用方法

    如果我们的程序是在单线程下运行,或者是不必考虑到线程同步问题,我们应该优先使用StringBuilder类:如果要保证线程安全,自然是StringBuffer. 除了对多线程的支持不一样外,这两个类的使用方式和结果几乎没有任何差别, 区别在于StringBufferd支持并发操作,线性安全的,适 合多线程中使用.StringBuilder不支持并发操作,线性不安全的,不适合多线程中使用.新引入的StringBuilder类不是线程安全的,但其在单线程中的性能比StringBuffer高. Str

  • Android利用Canvas类绘制图形

    本文实例为大家分享了Android利用Canvas类绘制图形的具体代码,供大家参考,具体内容如下 首先介绍一下相关基础知识. 1.画笔(paint) 1.1.作用:画笔对象通过属性来设置笔的颜色.粗细.风格等. 1.2.设置图形绘制属性相关方法: setARGB():设置画笔的颜色:setAlpha():设置绘制图形的透明度:setStyle():设置画笔的样式风格:setStrockWidth():设置画笔的宽度: 1.3.设置文本绘制属性的相关方法: setTextSize():设置字体的大

  • Android中利用matrix 控制图片的旋转、缩放、移动

    本文主要讲解利用android中Matrix控制图形的旋转缩放移动,具体参见一下代码: 复制代码 代码如下: /**  * 使用矩阵控制图片移动.缩放.旋转  */  public class CommonImgEffectView extends View { private Context context ;      private Bitmap mainBmp , controlBmp ;      private int mainBmpWidth , mainBmpHeight , c

  • Android中RecyclerView拖拽、侧删功能的实现代码

    废话不多说,下面展示一下效果. 这是GridView主文件实现. public class GridViewActivity extends AppCompatActivity { RecyclerView mRecyclerView; List<String> mStringList; RecyclerAdapter mRecyAdapter; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { s

  • android中图形图像处理之drawable用法分析

    本文实例讲述了android中图形图像处理之drawable用法.分享给大家供大家参考.具体如下: 一.如何获取 res 中的资源 数据包package:android.content.res 主要类:Resources 其主要接口按照功能,划分为以下三部分: getXXXX() 例如: int getColor(int id) Drawable getDrawable(int id) String getString(int id)  直接获取res中存放的资源 InputStream ope

随机推荐