Android绘图最基本的三个对象Color, Canvas, Paint, 均在android.graphics包下。
1) Color : 颜色对象 ----> 颜料
Color.颜色名,来获取颜色。
argb方法,可以调出颜色。
2) Paint : 画笔对象 ----> 画笔
setAntiAlas() | 设置画笔的锯齿效果 | setColor() | 设置画笔颜色 |
setARGB() | 设置画笔的a,r,g,b值 | setAlpha() | 设置Alpha值 |
setTextSize() | 设置字体尺寸 | setStyle() | 设置画笔风格,空心或实心 |
setStokeWidth() | 设置空心的边框宽度 | getColor() | 得到画笔的颜色 |
getAlpha() | 得到画笔的Alpha值 |
3) Canvas : 画布对象 ----> 画板
drawLine() | 绘制直线 |
drawRect() | 绘制矩形 |
drawCircle() | 绘制圆形 |
Start from Here....
现在想完成一个简单的Chrome的logo的绘制,需要完成下图这样的效果:
代码如下:
方案一:最复杂的方法
public class CanvasView extends View { private int cx; private int cy; public CanvasView(Context context) { super(context); } @Override protected void onDraw(Canvas canvas) { cx = getMeasuredWidth() / 2; cy = getMeasuredHeight() / 2; int innerCr = DensityUtils.dip2px(getContext(), 45); int outerCr = DensityUtils.dip2px(getContext(), 50); int wholeCr = DensityUtils.dip2px(getContext(), 100); Paint paint = new Paint(); paint.setAntiAlias(true); paint.setStyle(Paint.Style.FILL); paint.setStrokeWidth(1); //将整个背景填充为灰色 paint.setColor(Color.GRAY); canvas.drawPaint(paint); Path path = new Path(); RectF innerRectF = new RectF(cx - outerCr, cy - outerCr, cx + outerCr, cy + outerCr); RectF outerRectF = new RectF(cx - wholeCr, cy - wholeCr, cx + wholeCr, cy + wholeCr); //红色叶瓣 path.addArc(innerRectF, 150, 120); path.lineTo((float)(cx + Math.sqrt(3.0) * outerCr), cy - outerCr); path.addArc(outerRectF, -30, -120); path.lineTo((float)(cx - Math.sqrt(3.0) * outerCr / 2), cy + outerCr / 2); paint.setColor(Color.RED); canvas.drawPath(path, paint); path.reset(); //黄色叶瓣 path.addArc(innerRectF, 30, -120); path.lineTo((float)(cx + Math.sqrt(3.0) * outerCr), cy - outerCr); path.addArc(outerRectF, -30, 120); path.lineTo((float)(cx + Math.sqrt(3.0) * outerCr / 2), cy + outerCr / 2); paint.setColor(Color.YELLOW); canvas.drawPath(path, paint); path.reset(); //绿色叶瓣 path.addArc(innerRectF, 150, -120); path.lineTo(cx, cy + wholeCr); path.addArc(outerRectF, 90, 120); path.lineTo((float)(cx - Math.sqrt(3.0) * outerCr / 2), cy + outerCr / 2); paint.setColor(Color.GREEN); canvas.drawPath(path, paint); path.reset(); //中心的圆 drawCenterCircle(paint, canvas, outerCr, innerCr); super.onDraw(canvas); } private void drawCenterCircle(Paint paint, Canvas canvas, int outerCircleR, int innerCircleR){ paint.setColor(Color.WHITE); canvas.drawCircle(cx, cy, outerCircleR, paint);//绘制白色外圆 paint.setColor(Color.BLUE); canvas.drawCircle(cx, cy, innerCircleR, paint);//绘制蓝色内圆 } }
方案二:旋转canvas。
//红色叶瓣 path.addArc(innerRectF, 150, 120); path.lineTo((float)(cx + Math.sqrt(3.0) * outerCr), cy - outerCr); path.addArc(outerRectF, -30, -120); path.lineTo((float)(cx - Math.sqrt(3.0) * outerCr / 2), cy + outerCr / 2); paint.setColor(Color.RED); canvas.drawPath(path, paint); //黄色叶瓣 canvas.rotate(120, cx, cy); paint.setColor(Color.YELLOW); canvas.drawPath(path, paint); //绿色叶瓣 canvas.rotate(120, cx, cy); paint.setColor(Color.GREEN); canvas.drawPath(path, paint);
方案三:旋转path。
//红色叶瓣 path.addArc(innerRectF, 150, 120); path.lineTo((float)(cx + Math.sqrt(3.0) * outerCr), cy - outerCr); path.addArc(outerRectF, -30, -120); path.lineTo((float)(cx - Math.sqrt(3.0) * outerCr / 2), cy + outerCr / 2); paint.setColor(Color.RED); canvas.drawPath(path, paint); Matrix matrix = new Matrix(); matrix.setRotate(120, cx, cy); //黄色叶瓣 path.transform(matrix); paint.setColor(Color.YELLOW); canvas.drawPath(path, paint); //绿色叶瓣 path.transform(matrix); paint.setColor(Color.GREEN); canvas.drawPath(path, paint);
效果如下:
附录:(一些项目中遇到的小问题)
Android中dp和px之间进行转换:
import android.content.Context; public class DensityUtil { //根据手机的分辨率从 dp 的单位 转成为 px(像素) public static int dip2px(Context context, float dpValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); } //根据手机的分辨率从 px(像素) 的单位 转成为 dp public static int px2dip(Context context, float pxValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (pxValue / scale + 0.5f); } }
Android绘图抗锯齿:
方法1:
给Paint加上抗锯齿标志。然后将Paint对象作为参数传给canvas的绘制方法。
paint.setAntiAlias(true);
方法2:
给Canvas加上抗锯齿标志。有些地方不能用paint的,就直接给canvas加抗锯齿,更方便。
canvas.setDrawFilter(new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG));
Canvas中rotate()方法的理解:
画图的canvas和显示没有关系。当canvas旋转后,绘制的图形还是只能在canvas内,并且坐标是按照canvas旋转之前来的,也就是左上角坐标仍然是(0,0),右下角的坐标仍然是(width,height)。也就是说旋转canvas的时候,画布的坐标系也会跟着旋转。
相关推荐
手绘图画——flash中的元件PPT学习教案.pptx
python爱心代码高级
这是一个用emWin的2D绘图函数画的一个带圆形端点的环形进度条,压缩包里只有一个.c文件,是在模拟器上跑的。
非常好的android画图源码,可以绘制线段、直线、矩形、圆,可以插入图片、更换背景、还可以将画图保持成图片。
发布:用户及管理人员可以发布绘本,编辑书籍名称、封面、内容图画文字以及上传音频等; 本研究计划运用所学知识,设计一个基于Android平台的儿童绘本阅读应用,项目使用 J2EE平台开发工具来进行开发,使用Java...
绘本作为一种历史古老、效果优秀的早教手段,利用图画和简短的文字构筑出一个跌宕起伏的故事,同时又不受时间、空间限制,深受儿童和年轻父母的推崇。伴随科技进步,将智能终端与绘本相结合,在传统纸媒提供的视觉...
手绘线条图像会说话的图画.doc
python绘图代码象型柱图画报栏图提取方式是百度网盘分享地址
可以把一个图片转换成有指定文字组成的文字图画
Android开发摄像头SurfaceView预览 背景画图(矩形和圆形) 实现(双surfaceview,顶层画矩形框,底层预览视频); UI:三个按钮 预览 摄像 图片保存,预览界面 可以显示(矩形和圆形等图画)
基于Androidstudio开发的婴儿绘画app,可以选择未上色的图画,选择不同颜色的笔为其上色。
简单的er图画图工具 ,操作简单,拖拽就行,出图快
Visual C++ 绘画教程!!!!!!
该范例主要是用SuperMap iClient for Android实现绘制圆对象。
图画书:猫的冒险 你的孩子应该被不断监督吗? 他精力充沛,你没时间关注他? 在这种情况下,«着色书:猫的冒险» 是您的救星! 让你的烦躁为我们可爱的小猫涂上颜色,享受期待已久的和平与宁静! 应用程序中包含的...
支持高速数据传输的3G通信技术,可以双向下载传递资料、图画、影像,其代表特征是提供高速数据业务,极大的满足了人们的通信需要。通过对3G手机常用的android系统的研究,测试了这种平台的大部分功能,android系统的...
import module 即可使用,可涂鸦、绘图、添加文字、图像(可旋转缩放)、背景的Fragment,其中主要由SketchView利用matrix完成所有图形绘制操作。
循环显示优质的图画效果,给人眩的感觉 循环显示优质的图画效果,给人眩的感觉 循环显示优质的图画效果,给人眩的感觉
计算机软件-商业源码-实例045-位图画刷绘图实例.zip
VB仿制Windows图画程序,界面模仿的很好,很想,只是部分功能没有实现,如画曲线,不知道是不是用PolyBezier函数来画,例外就是移动任意形状的图片区域没有实现,但矩形区域移动实现了,可以用鼠标任意拖动图片块,...