Cavans介绍
在Android下进行2D绘图需要Canvas类的支持,它位于"android.graphics.Canvas"包下,直译过来为画布的意思,用于完成在View上的绘图。
Canvas为提供了两个构造函数:
Canvas():创建一个空的Canvas对象。
Canvas(Bitmap bitmap):创建一个以bitmap位图为背景的Canvas。
方法
- canvas.drawArc ()//(扇形)
- canvas.drawCircle()//(圆)
- canvas.drawOval()//(椭圆)
- canvas.drawLine()//(线)
- canvas.drawPoint()//(点)
- canvas.drawRect()//(矩形)
- canvas.drawRoundRect()//(圆角矩形)
- canvas.drawVertices()//(顶点)(不了解)
- canvas.drawPath()//(路径)
- canvas.drawBitmap()// (位图)
- canvas.drawText()// (文字)
画布的使用
画布拥有太多的API,此处只是列举了一部分效果:平移、缩放、旋转、倾斜、切割。具体的运行效果,请自行粘贴运行,注释代码中都有。
//画布平移
//表示画布进行平移,负数表示往左平移,如果平移的是-100,后续draw 的中心点是100 ,那么就是相当于从原本没有平移的0 开始
// canvas.translate(-100,-100);
// canvas.drawLine(0,0,300,300,paint);
// paint.setColor(Color.GREEN);
// canvas.drawRect(100,100,500,700,paint);
// canvas.save();
// canvas.drawRect(200,200,900,900,paint);
//画布的缩放,先平移translate(-0.5*px,-0.5*px);再把x 和y 进行缩放,先进行缩放,
// canvas.scale(0.5f,0.5f);
//画布的缩放,先平移translate(-0.5*px,-0.5*px);再把x 和y 进行缩放,先进行缩放,再平移translate(0.5*px,0.5*px)
//--回到缩放前的的x 和y ,只是单纯的缩放了大小
// canvas.scale(0.5f,0.5f,200,200);
// paint.setStyle(Paint.Style.FILL); //填充
// canvas.drawRect(200,200,900,900,paint);
//画布旋转
// canvas.drawRect(200,200,800,800,paint);
//旋转45度
// canvas.rotate(45);
//旋转45度,中心点的坐标是x:500 y:500
// canvas.rotate(45,500,500);
// paint.setColor(Color.GRAY);
// canvas.drawRect(200,200,800,800,paint);
//倾斜
/**
* skew(float sx, float sy)
*@params sx 将画布在x方向上倾斜相应的角度,sx倾斜角度的tan值,其实就是将y逆时针旋转相应的角度
* @params sy 将画布在y方向上倾斜相应的角度,sx倾斜角度的tan值,其实就是将x顺时针旋转相应的角度
* 注:如果是在画布上直观的体现会发现当x 倾斜的时候,会发现绘制的起始点x向右移动了
* 当y 倾斜的时候,会发现绘制的起始点y向下移动了
*/
// canvas.drawRect(100,100,300,300,paint);
// canvas.drawLine(100,100,300,300,paint);
// canvas.skew(1,0);//在x方向上倾斜45度
// canvas.skew(0,1);//在y方向上倾斜45度
// paint.setColor(Color.GRAY);
// canvas.drawLine(100,100,300,300,paint);
// canvas.drawRect(100,100,300,300,paint);
//切割操作
// canvas.drawRect(200,200,700,700,paint);
// paint.setColor(Color.GRAY);
// //画布被剪裁,剪裁出的相当于第一个绘制
// canvas.clipRect(200,200,700,700);
// //剪裁之后的绘制都是在剪裁的画布里面绘制
// canvas.drawCircle(100,100,100,paint);//所有区域在剪裁外部,所以看不见效果
// canvas.drawCircle(100,100,500,paint);//部分区域在剪裁画布中,可以看到一个弧形
// canvas.drawCircle(300,300,100,paint);//全部在剪裁区域,完整的圆
//外部剪裁,跟clipRect相反,android 8.0 api
// if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
// canvas.clipOutRect(200,200,700,700);
// canvas.drawCircle(100,100,100,paint);//能看见效果
// canvas.drawCircle(100,100,300,paint);//能看见部分效果间断弧线
// }