|
/**
* 画布向(100,50)方向平移
*
* 参数1: 向X轴方向移动100距离
* 参数2: 向Y轴方向移动50距离
*/
canvas.translate(
100
,
50
);
三、Canvas缩放
|
/**
* 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍
* 参数1: X轴的放大倍数
* 参数2: Y轴的放大倍数
*/
canvas.scale(
2
,
4
);
/**
* 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍
* 参数1: X轴的放大倍数
* 参数2: Y轴的放大倍数
* 参数3: 原点X坐标
* 参数4: 原点Y坐标
*/
canvas.scale(
2
,
4
,
100
,
100
);
四、Canvas旋转
|
/**
* 原点为中心,旋转30度(顺时针方向为正方向 )
* 参数: 旋转角度
*/
canvas.rotate(
30
);
/**
* 以(100,100)为中心,旋转30度,顺时针方向为正方向
* 参数: 旋转角度
*/
canvas.rotate(
30
,
100
,
100
);
五、Canvas操作例子
|
Paint p =
new
Paint();
p.setColor(Color.argb(
50
,
255
,
100
,
100
));
canvas.drawRect(
0
,
0
,
200
,
200
,p);
canvas.translate(
300
,
300
);
p.setColor(Color.argb(
50
,
100
,
255
,
100
));
canvas.drawRect(
0
,
0
,
200
,
200
,p);
canvas.rotate(
30
);
p.setColor(Color.argb(
50
,
100
,
0
,
255
));
canvas.drawRect(
0
,
0
,
200
,
200
,p);
canvas.scale(
2
,
2
);
p.setColor(Color.argb(
50
,
255
,
255
,
0
));
canvas.drawRect(
0
,
0
,
200
,
200
,p);
六、Canvas保存和还原
Canvas提供了几个方法,让我们可以方便的对Canvas的状态进行更改和还原。
这些方法是:save() 、restore() 、restoreToCount(int saveCount) 。
我们在对Canvas进行平移、旋转、放大等操作时候,可以调用save() 方法,将当前修改过的Canvas状态进行保存,调用restore() 方法后,会将Canvas还原成最近的一个save() 的状态。
save() 方法还会有一个返回值,我们也可以调用restoreToCount(int saveCount) 方法,将这个返回值作为参数传递进去,就可以将Canvas还原成某一个特定的save() 状态。
1
2
3
4
5
6
|
canvas.translate(
100
,
100
);
int
save1 = canvas.save();
canvas.scale(
2
,
2
);
int
save2 = canvas.save();
canvas.restore();
canvas.restoreToCount(save1);
|
六、Canvas画图实例
1、画文字
|
/**
* 参数2:文本的x轴的开始位置
* 参数2:文本Y轴的结束位置
* 参数3:画笔对象
*/
canvas.drawText(
"开始写字了!"
,
50
,
50
, p);
/**
* 参数2:要从第几个字开始绘制
* 参数3:要绘制到第几个文字
* 参数4:文本的x轴的开始位置
* 参数5:文本Y轴的结束位置
* 参数6:画笔对象
*/
canvas.drawText(
"开始写字了!"
,
2
,
5
,
50
,
50
, p);
/**
* 参数2:路径
* 参数3:距离路径开始位置的偏移量
* 参数4:距离路径上下的偏移量(可以为负数)
* 参数5:画笔对象
*/
canvas.drawTextOnPath(
"1234567890101123123"
, path,
0
, -
50
, p);
2、画圆
|
/**
* 参数1:圆心X
* 参数2:圆心Y
* 参数3:半径R
* 参数4:画笔对象
*/
canvas.drawCircle(
200
,
200
,
100
, p);
3、画线
|
canvas.drawLines(
new
float
[]{
100
,
100
,
200
,
200
,
200
,
100
,
300
,
100
}, p);
4、画椭圆
|
RectF oval =
new
RectF(
150
,
200
,
500
,
400
);
canvas.drawOval(oval, p);
5、画弧度
|
/**
* 画圆弧
* 参数1:RectF对象。
* 参数2:开始的角度。(水平向右为0度顺时针反向为正方向)
* 参数3:扫过的角度
* 参数4:是否和中心连线
* 参数5:画笔对象
*/
canvas.drawArc(oval,
20
,
180
,
false
, p);
6、矩形
1
2
3
4
5
6
7
8
9
10
11
12
|
/**
* 矩形
* 参数1:float left
* 参数2:float top
* 参数3:float right
* 参数4:float bottom
*/
canvas.drawRect(
100
,
100
,
200
,
200
, p);
RectF oval3 =
new
RectF(
80
,
260
,
200
,
300
);
canvas.drawRoundRect(oval3,
20
,
5
, p);
|
7、多边形
1
2
3
4
5
6
7
8
9
10
11
12
|
/**
* Path类封装复合(多轮廓几何图形的路径
* 由直线段*、二次曲线,和三次方曲线,也可画以油画。drawPath(路径、油漆),要么已填充的或抚摸
* (基于油漆的风格),或者可以用于剪断或画画的文本在路径。
*/
Path path =
new
Path();
path.moveTo(
80
,
200
);
path.lineTo(
120
,
250
);
path.lineTo(
80
,
250
);
path.close();
canvas.drawPath(path, p);
|
8、画贝塞尔曲线
1
2
3
4
5
6
7
8
9
10
|
p.setStyle(Style.STROKE);
Path path2=
new
Path();
path2.moveTo(
100
,
100
);
/**
* 参数1、2:x1,y1为控制点的坐标值
* 参数3、4:x2,y2为终点的坐标值
*/
path2.quadTo(
300
,
100
,
400
,
400
);
path2.quadTo(
500
,
700
,
800
,
800
);
canvas.drawPath(path2, p);
|
9、画点
1
2
3
4
5
6
7
8
|
/**
* 参数1、2:点的x、y坐标
*/
canvas.drawPoint(
60
,
390
, p);
/**
* 参数1:多个点,每两个值为一个点。最后个数不够两个的值,忽略。
*/
canvas.drawPoints(
new
float
[]{
60
,
400
,
65
,
400
,
70
,
400
}, p);
|
10、画图片
1
2
3
4
5
6
7
|
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
/**
* 参数1:bitmap对象
* 参数2:图像左边坐标点
* 参数3:图像上边坐标点
*/
canvas.drawBitmap(bitmap,
200
,
300
, p);
|
|
|
|
|
|
|
|
|
|