自定义view(三):onDraw 之 Canvas
来源:互联网 发布:js table 导出excel 编辑:程序博客网 时间:2024/05/21 06:22
onDraw(Canvas canvas)中的重中之重—-Canvas
Canvas是onDraw中贯穿整个方法的类。
那么让我们来看看Canvas里都有啥方法,(达康书记说:麻蛋,源码里方法太多,这锅我不背。)我就对几个常用的方法列举下:
drawARGB(int a, int r, int g, int b)和drawColor(int color)
不用画笔,直接填充画板颜色drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)
画圆弧(顺时针):
第一个参数—固定一块矩形区域作为画圆弧的范围。以矩形中心作为圆心画弧线
第二个参数—起始弧角度
第三个参数—画过的角度 , 从起始角度顺时针转过的角度画弧
第四个参数—是否画出半径区域,true画出来的是一个区域块,false画出来的是一个弧线。
第五个参数—画笔
例如:RectF rectF = new RectF(0,100,500,250); //(由于矩形没有设置成正方形,所以并非正弧形)
canvas.drawArc(rectF,0,30,true,paint);
RectF 类中四个参数:
第一个参数:矩形区域左边距离view左侧的距离
第二个参数:矩形区域上边距离view左侧的距离
第三个参数:矩形区域右边距离view顶部的距离, 第三减去第一即是矩形宽度
第四个参数:矩形区域下边距离view顶部的距离,第四减去第二即是矩形高度
RectF rectF = new RectF(左,上,右,下);drawCircle(float cx, float cy, float radius, Paint paint)
画圆,至于画的是实心圆还是圆圈,跟paint的Style属性有关。
参数一:圆心X坐标
参数二:圆心Y坐标
参数三:圆半径
参数四:这还用说么??!drawLine(float startX, float startY, float stopX, float stopY, Paint paint)
画线。
参数一:线的起始点的X坐标
参数二:线的起始点的Y坐标
参数三:线的结束点的X坐标
参数四:显得结束点的Y坐标
参数五:不说了。drawOval(RectF oval, Paint paint)
绘制一个区域的内切圆或内切椭圆(视所定义的矩形而定):drawPath(Path path, Paint paint)
绘制路径。
参数一:
Path
Path path = new Path();// path.moveTo(0,0); path.lineTo(100,100); path.lineTo(100,300);// path.closed();
此类很简单,但是有几个注意点:
1.path的起始点的设置调用方法是 moveTo();如果没有调用此方法,则默认起始点为(0,0)
2.如果要连接起始点和终点,只需要调用path.closed();即可
3.连接两个点,使用path.lineTo();
参数二:画笔
drawPoint(float x, float y, Paint paint)
画点。
需要注意的是,需要设置将画笔设置下paint.setStrokeWidth(xxx);
当然也可以给点加点特效:paint.setStrokeCap(Paint.Cap.ROUND);//或者paint.setStrokeCap(Paint.Cap.BUTT);
设置画笔的样式,来指定所画的点的样式,圆形还是方形drawRoundRect(RectF rect, float rx, float ry, Paint paint)
参数一:矩形区域
参数二、三:有人说它们是x轴和y轴方向的圆角弧度,我觉的应该是弧度中心点的x、y坐标
如图:
canvas.drawRoundRect(rectF,50,100,paint);
按照指定坐标 绘制文本。float x和 float y表示 其实点的xy坐标
- drawText(String text, float x, float y, Paint paint)
drawText(char[] text, int index, int count, float x, float y, Paint paint)
canvas.drawText("零一二三四五六七八九十".toCharArray(),1,3,10,100,paint);
》》》 一二三drawText(CharSequence text, int start, int end, float x, float y, Paint paint)
canvas.drawText("零一二三四五六七八九十",1,3,10,100,paint);
》》》 一二
含头不含尾drawPicture(Picture picture, RectF dst) 和 drawBitmap(Bitmap bitmap, float left, float top, Paint paint)
区别 : drawPicture(矢量图) 和 drawBitmap(位图)
参照: Android自定义View高级(四)-Canvas之图片文字
在绘制图形的过程中,会需要对画布进行旋转,缩放,平移等操作,但对画布进行比如平移操作之后,会对以后画上去的内容也产生影响,有时,我们只希望这种平移或是旋转操作只是临时作用于画布上的某些内容,这个时候就可以使用save和restore方法,save和restore方法一般是配对使用.
例如:
canvas.drawText("00000000", 0, 20, paint); canvas.translate(200, 200);//将画布从(0,0)移动一段距离到(200,200) canvas.drawText("——2223233———", 0, 20, paint);
如图下
canvas.drawText("00000000", 0, 20, paint); canvas.save(); canvas.translate(200, 200); canvas.restore(); canvas.drawText("——2223233———", 0, 20, paint); }
如图下
save()在画布移动前调用和restore()方法在画布移动之后调用,这样 画布中的内容才不会跟随画布移动。
参考: Canvas的常用操作速查表
- 自定义view(三):onDraw 之 Canvas
- 自定义View (四): onDraw 之 Canvas画布
- 自定义View之onDraw()
- android自定义view onDraw canvas
- 自定义View(三) 之 onMeasure() onLayout() onDraw()
- 自定义View (三) :onDraw 之 paint 画笔
- 自定义View之onDraw
- 自定义view(二):onDraw 之 Paint
- 自定义绘图View之onDraw
- 安卓开发中自定义View之onMeasure(),onLayout(),onDraw()讲解(三)
- android自定义view三(draw和ondraw)
- Android 自定义 view(三)—— onDraw 方法理解
- View.onDraw(Canvas canvas)绘制
- android 自定义view时,重写onDraw(),对Canvas的理解
- 自定义View之onMeasure(),onLayout(),onDraw()
- 自定义View之onDraw方法详解
- Android自定义View基础之onDraw详解
- 自定义view之onMeasure,onLayout,onDraw
- android studio2.3以后给apk签名打包后安装失败的问题[INSTALL_PARSE_FAILED_NO_CERTIFICATES]
- Mysqldump参数大全(参数来源于mysql5.5.19源码)
- bind9涉及到的文档
- 2017-04-13 DBA日记,当sga_target=0 和memory_target=0还会自动调整内存的研究
- 【腾讯云的1001种玩法】零基础微信机器人实践-云技术对个人开发者的影响
- 自定义view(三):onDraw 之 Canvas
- mybatis做like模糊查询
- 中缀式转后缀式
- python虚拟环境配置
- 退出一个while无限循环和多重for循环
- Android透明化/沉浸式状态栏实践及源码分析
- 第十一章练习
- Ransom Note
- 2017年4月13日读书笔记