canvas教程

Android 2D绘图解析之 Canvas,Paint(2)

字号+ 作者:H5之家 来源:H5之家 2017-09-01 08:03 我要评论( )

(Canvas canvas) { super .onDraw(canvas);Paint paint = new Paint(); //去锯齿 paint.setAntiAlias( true ); //设置色彩 paint.setColor(getResources().getColor(android.R.color.holo_orange_dark)); //绘制椭

(Canvas canvas) { super.onDraw(canvas); Paint paint = new Paint(); //去锯齿 paint.setAntiAlias(true); //设置色彩 paint.setColor(getResources().getColor(android.R.color.holo_orange_dark)); //绘制椭圆 canvas.drawOval(100, 100, 500, 300, paint); //设置空心Style paint.setStyle(Paint.Style.STROKE); //设置空心边框的宽度 paint.setStrokeWidth(20); //绘制空心椭圆 canvas.drawOval(100, 400, 600, 800, paint); }

运行效果:

这里写图片描述

绘制弧:drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)

oval>指定圆弧的外轮廓矩形区域
startAngle>圆弧起始角度,单位为度
sweepAngle>圆弧扫过的角度,顺时针方向,单位为度
useCenter>如果为True时,在绘制圆弧时将圆心包括在内,通经常使用来绘制扇形
paint>绘制风格

(Canvas canvas) { super.onDraw(canvas); Paint paint = new Paint(); //去锯齿 paint.setAntiAlias(true); //设置色彩 paint.setColor(getResources().getColor(android.R.color.holo_orange_dark)); RectF rel = new RectF(100, 100, 300, 300); //实心圆弧 canvas.drawArc(rel, 0, 270, false, paint); //实心圆弧 将圆心包括在内 RectF rel2 = new RectF(100, 400, 300, 600); canvas.drawArc(rel2, 0, 270, true, paint); //设置空心Style paint.setStyle(Paint.Style.STROKE); paint.setStrokeWidth(20); RectF rel3 = new RectF(100, 700, 300, 900); canvas.drawArc(rel3, 0, 270, false, paint); RectF rel4 = new RectF(100, 1000, 300, 1200); canvas.drawArc(rel4, 0, 270, true, paint); }

运行效果

这里写图片描述

绘制文字:drawText(String text, float x, float y, Paint paint)

text>文本
x>文本origin的x坐标
y>文本baseline的y坐标
paint>绘制风格

*origin和baseline示意图

这里写图片描述

(Canvas canvas) { super.onDraw(canvas); Paint paint = new Paint(); //去锯齿 paint.setAntiAlias(true); //设置色彩 paint.setColor(getResources().getColor(android.R.color.holo_orange_dark)); paint.setTextSize(100); //绘制文本 canvas.drawText("jEh", 80, 150, paint); }

运行效果:

这里写图片描述

OK,Android绘图系列的第1篇关于Canvas和Paint就简单介绍到这,Canvas更多种类的绘图效果可以参考官方文档并动手实践效果,欢迎大家在下方留言,也能够点击左上角的关注。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • canvas自适应圆形时钟绘制

    canvas自适应圆形时钟绘制

    2017-09-01 10:00

  • Android 文字绘制(DrawText)技术总结

    Android 文字绘制(DrawText)技术总结

    2017-08-31 18:02

  • html5教程:[7]canvas 元素在网页上绘制图形

    html5教程:[7]canvas 元素在网页上绘制图形

    2017-08-31 15:03

  • html5 canvas中设置requestAnimationFrame帧速的方法

    html5 canvas中设置requestAnimationFrame帧速的方法

    2017-08-22 08:02

网友点评