Android绘图Canvas、Paint类基本用法

最新推荐文章于 2022-10-19 22:37:20 发布

tyilack_小小黑

最新推荐文章于 2022-10-19 22:37:20 发布

阅读量863

点赞数

分类专栏：我的android之路文章标签： android开发

本文链接：https://blog.csdn.net/u014520745/article/details/47265221

版权

我的android之路专栏收录该内容

59 篇文章 1 订阅

订阅专栏

这些用法都是英文的字面意思，所以解释部分就放在代码的注释那里了，要画图，就要继承View类重写onDraw方法，要注意的是构造方法也重写一下吧，话不多说直接上代码~~~

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;

public class MyView extends View {
	public MyView(Context context, AttributeSet set) {
		super(context, set);
	}
	
	@Override
	//重写该方法进行绘图
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		//把整张画布绘制成白色
		canvas.drawColor(Color.WHITE);
		Paint paint = new Paint();
		//去锯齿
		paint.setAntiAlias(true);
		//设置画笔颜色
		paint.setColor(Color.BLUE);
		//设置画笔风格
		paint.setStyle(Paint.Style.STROKE);
		//设置画笔大小
		paint.setStrokeWidth(3);
		//绘制圆形，这里cx,cy参数是指圆心的坐标，更JavaSE的不一样
		canvas.drawCircle(40, 40, 30, paint);
		//绘制正方形(左上 、右下)
		canvas.drawRect(10, 80, 70, 140, paint);
		//绘制矩形
		canvas.drawRect(10, 150, 70, 190, paint);
		//绘制圆角矩形
		RectF re1 = new RectF(10, 200, 70, 230);
		//下面方法参数解释
		//rx The x-radius of the oval used to round the corners
		//ry The y-radius of the oval used to round the corners
		canvas.drawRoundRect(re1, 15, 15, paint);
		//绘制椭圆
		RectF re11 = new RectF(10, 240, 70, 270);
		canvas.drawOval(re11, paint);
		//绘制三角形--需要定义一个Path对象来绘制路径
		Path path1 = new Path();
		path1.moveTo(10, 340);
		path1.lineTo(70, 340);
		path1.lineTo(40, 290);
		path1.close();
		canvas.drawPath(path1, paint);
		//绘制五边形--需要定义一个Path对象来绘制路径
		Path path2 = new Path();
		path2.moveTo(26, 360);
		path2.lineTo(54, 360);
		path2.lineTo(70, 392);
		path2.lineTo(40, 420);
		path2.lineTo(10, 392);
		path2.close();
		canvas.drawPath(path2, paint);
		//改变风格再绘制
		paint.setStyle(Paint.Style.FILL);
		paint.setColor(Color.RED);
		//绘制圆形
		canvas.drawCircle(120, 40, 30, paint);
		//绘制正方形
		canvas.drawRect(90, 80, 150, 140, paint);
		//绘制矩形
		canvas.drawRect(90, 150, 150, 190, paint);
		//绘制圆角矩形
		RectF re2 = new RectF(90, 200, 150, 230);
		canvas.drawRoundRect(re2, 15, 15, paint);
		//绘制椭圆
		RectF re21 = new RectF(90, 240, 150, 270);
		canvas.drawOval(re21, paint);
		//绘制三角形
		Path path3 = new Path();
		path3.moveTo(90, 340);
		path3.lineTo(150, 340);
		path3.lineTo(120, 290);
		path3.close();
		canvas.drawPath(path3, paint);
		//绘制五角形
		Path path4 = new Path();
		path4.moveTo(106, 360);
		path4.lineTo(134, 360);
		path4.lineTo(150, 392);
		path4.lineTo(120, 420);
		path4.lineTo(90, 392);
		path4.close();
		canvas.drawPath(path4, paint);
		//改变样式--设置渐变
		Shader mShader = new LinearGradient(0, 0, 40, 60,
				new int[]{Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW}, 
				null, Shader.TileMode.REPEAT);
		paint.setShader(mShader);
		//设置阴影
		paint.setShadowLayer(45, 10, 10, Color.GRAY);
		//绘制圆形
		canvas.drawCircle(200, 40, 30, paint);
		//绘制正方形
		canvas.drawRect(170, 80, 230, 140, paint);
		//绘制圆角矩形
		RectF re3 = new RectF();
		canvas.drawRoundRect(re3, 15, 15, paint);
		//绘制椭圆
		RectF re31 = new RectF(170, 240, 230, 270);
		canvas.drawOval(re31, paint);
		//绘制三角形
		Path path5 = new Path();
		path5.moveTo(170, 340);
		path5.lineTo(230, 340);
		path5.lineTo(200, 290);
		path5.close();
		canvas.drawPath(path5, paint);
		//绘制五边形
		Path path6 = new Path();
		path6.moveTo(186, 360);
		path6.moveTo(214, 360);
		path6.moveTo(230, 392);
		path6.moveTo(200, 420);
		path6.moveTo(170, 392);
		path6.close();
		canvas.drawPath(path6, paint);
		//改变风格，绘制字体
		paint.setTextSize(10);
		paint.setShader(null);
//		canvas.drawText(getResources().getString(R.string.circle), 240, 50, paint);
		canvas.drawText(getResources().getString(R.string.square), 240, 120, paint);
//		canvas.drawText(getResources().getString(R.string.rect), 240, 175, paint);
//		canvas.drawText(getResources().getString(R.string.round_rect), 230, 220, paint);
//		canvas.drawText(getResources().getString(R.string.oval), 240, 260, paint);
//		canvas.drawText(getResources().getString(R.string.triangle), 240, 325, paint);
//		canvas.drawText(getResources().getString(R.string.pentagon), 240, 390, paint);
	}

}