Android利用canvas画各种图形
canvas通俗的说就是一张画布,我们可以使用画笔paint,在其上面画任意的图形。
原理:
可以把canvas视为Surface的替身或者接口,图形便是绘制在Surface上的。Canvas封装了所有的绘制调用。通过Canvas,
绘制到Surface上的内容首先存储到一个内存区域(也就是对应的Bitmapz中),该Bitmap最终会呈现到窗口上。
使用:
1、Canvas可以直接new Canvas();
2、在View中重写OnDraw()方法,里面有一个Canvas,今天讨论的内容。
方法:
//绘制区域,参数一为RectF一个区域
drawRect(RectF rect, Paint paint)
//绘制一个路径,参数一为Path路径对象
drawPath(Path path, Paint paint)
//贴图,参数一就是我们常规的Bitmap对象,参数二是源区域(这里是bitmap),参数三是目标区域
(应该在canvas的位置和大小),参数四是Paint画刷对象,因为用到了缩放和拉伸的可能,当原始
Rect不等于目标Rect时性能将会有大幅损失。
drawBitmap(Bitmap bitmap, Rect src, Rect dst, Paint paint)
//画线,参数一起始点的x轴位置,参数二起始点的y轴位置,参数三终点的x轴水平位置,
参数四y轴垂直位置,最后一个参数为Paint 画刷对象。
drawLine(float startX, float startY, float stopX, float stopY, Paintpaint)
//画点,参数一水平x轴,参数二垂直y轴,第三个参数为Paint对象。
drawPoint(float x, float y, Paint paint)
//渲染文本,Canvas类除了上面的还可以描绘文字,参数一是String类型的文本,参数二x轴,
参数三y轴,参数四是Paint对象。
drawText(String text, float x, floaty, Paint paint)
//画椭圆,参数一是扫描区域,参数二为paint对象;
drawOval(RectF oval, Paint paint)
// 绘制圆,参数一是中心点的x轴,参数二是中心点的y轴,参数三是半径,参数四是paint对象;
//画弧,参数一是RectF对象,一个矩形区域椭圆形的界限用于定义在形状、大小、电弧,参数二是
起始角(度)在电弧的开始,参数三扫描角(度)开始顺时针测量的,参数四是如果这是真的话,包括
椭圆中心的电弧,并关闭它,如果它是假这将是一个弧线,参数五是Paint对象;
drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)
接下来就要开始画了。还需要工具Paint,path
Paint ,就是画笔,我们new paint();等到一只画笔,然后设置它的一些属性。
Paint类常用方法:
setARGB(int a, int r, int g, int b) // 设置 Paint对象颜色,参数一为alpha透明值
setAlpha(int a) // 设置alpha不透明度,范围为0~255
setAntiAlias(boolean aa) // 是否抗锯齿
setColor(int color) // 设置颜色,这里Android内部定义的有Color类包含了一些常见颜色定义
setTextScaleX(float scaleX) // 设置文本缩放倍数,1.0f为原始
setTextSize(float textSize) // 设置字体大小
setUnderlineText(booleanunderlineText) // 设置下划线
setStyle(Style.STROKE)//设置画笔空心
直接上例子:
public class DrawviewActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // set DrawView's width and height Display d = getWindowManager().getDefaultDisplay(); DrawView dv = new DrawView(this); dv.width = d.getWidth(); dv.height = d.getHeight(); setContentView(dv); } class DrawView extends View { public float width; public float height; private Paint mpaint; public DrawView(Context context) { super(context); mpaint = new Paint(); mpaint.setColor(Color.RED); mpaint.setAntiAlias(true); } @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); // drawtext canvas.save(); mpaint.setTextSize(30); canvas.drawText("hello honjane", 20, 20, mpaint); canvas.restore(); // drawRect canvas.save(); RectF r = new RectF(40, 40, 60, 60); mpaint.setColor(Color.BLUE); canvas.drawRect(r, mpaint); canvas.restore(); canvas.save(); mpaint.setColor(Color.BLUE); canvas.drawRect(65, 40, 85, 60, mpaint); canvas.restore(); // drawCircle canvas.save(); mpaint.setStyle(Style.STROKE); canvas.drawCircle(width / 2, height / 2, 100, mpaint); canvas.restore(); // drawArc canvas.save(); RectF oval1 = new RectF(150, 300, 180, 400); canvas.drawArc(oval1, 180, 250, false, mpaint);// 小弧形 oval1.set(300, 300, 600, 780); canvas.drawArc(oval1, 230, 170, false, mpaint); oval1.set(200, 300, 500, 780); canvas.drawArc(oval1, 230, 170, true, mpaint); canvas.restore(); // 三角形 canvas.save(); mpaint.setStyle(Style.FILL); Path p = new Path(); p.moveTo(80, 100); p.lineTo(140, 300); p.lineTo(20, 300); p.close(); canvas.drawPath(p, mpaint); canvas.restore(); canvas.save(); mpaint.setStyle(Paint.Style.FILL);// 充满 mpaint.setColor(Color.LTGRAY); mpaint.setAntiAlias(true);// 设置画笔的锯齿效果 canvas.drawText("画圆角矩形:", 10, 260, mpaint); RectF oval3 = new RectF(80, 260, 200, 300);// 设置个新的长方形 canvas.drawRoundRect(oval3, 20, 15, mpaint);// 第二个参数是x半径,第三个参数是y半径 canvas.restore(); // 可变色的 canvas.save(); Shader shader = new LinearGradient(0, 0, 100, 100, new int[] { Color.BLACK, Color.CYAN, Color.DKGRAY, Color.GRAY }, null, Shader.TileMode.MIRROR); mpaint.setShader(shader); RectF oval2 = new RectF(250, 100, 450, 300); canvas.drawArc(oval2, 200, 130, true, mpaint); canvas.restore(); //画图片 canvas.save(); Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher); canvas.drawBitmap(bitmap, 250,360, mpaint); canvas.restore(); } } }