Android 中使用的图像处理引擎,2D部分是androidSDK内部自己提供,3D部分是用Open GL ES 1.0。
而我们最常用的就是在一个View上画一些图片,形状或者自定义的文本内容,这里我们都是使用Canvas来实现的!你可以获取View中的Canvas 对象,在onDraw(Canvas canvas) 提供了canvas 对象.
在进行改变的时候调用,View.invalidata()方法让View重新刷新,然后绘制一个新的形状,这样实现2D动画效果。
下面我们就主要来了解一下Canvas的使用方法
Canvas对象的获取方式有两种。
一种是我们通过重写View.OnDraw方法。
另一种就是当你想创建一个Canvas对象时使用的方法。
Bitmap b=Bitmap.createBitmap(100,100,Bitmap.Confif.ARGB_8888);
这里补充一个知识点,也是怕我自己忘记
createBitmap中有三个参数
第一个是宽
第二个是高
第三个是位图的色彩模式
public static final Bitmap.Config ALPHA_8 就是8位alpha位图
public static final Bitmap.Config ARGB_4444 代表16位ARGB位图
public static final Bitmap.Config ARGB_8888 代表32位ARGB位图
public static final Bitmap.Config RGB_565 代表8位RGB位图
ARGB代表色彩模式 A alapth R red G green B blue 即透明度 三原色
位图数越高代表其可以存储的颜色信息越多,当然图像也就越逼真,占内存更大!
Canvas 可以绘制的对象有
arcs 弧线
argb color填充颜色
circle 圆 oval 椭圆
point 点
line Rect矩形
Picture 图片
RoundRect圆角矩形
text文本
Vertices 顶点
path 路径
当然之前说过可以完成一些简单的2D动画
那么简单的2D动画主要有
rotate旋转 scale translate skew扭曲等
canvas,drawaCircle(100,100,90,paint);
在X=100,Y=100的位置画一个半径90的圆
RectF rect =new RectF(50,50,200,200)
canvas.drawRect(rect,paint);
画一个矩形
Path path=new Path();//定义一条路径
path.moveTo(10,10);
path.moveTo(50,60);
path.moveTo(200,80);
path.moveTo(10,10);
canvas.drawpath(path,paint);
画出一个三角区域
Path path = new Path(); //定义一条路径
path.moveTo(10, 10); //移动到 坐标10,10
path.lineTo(50, 60);
path.lineTo(200,80);
path.lineTo(10, 10);
canvas.drawTextOnPath(“Android777开发者博客”, path, 10, 10, paint);
在一条线上画出文字
一个比较帅气的画图,画一个刻度盘
paint.setAntiAlias(true);抗锯齿
paint.setStyle(Style.STROKE);
canvas.translate(canvas.getWidth()/2,200);
canvas.drawCircle(0,0,100,paint);//画圆圈
canvas.save();
canvas.translate(-75, -75);
Path path = new Path();
path.addArc(new RectF(0,0,150,150), -180, 180);
Paint citePaint = new Paint(paint);
citePaint.setTextSize(14);
citePaint.setStrokeWidth(1);
canvas.drawTextOnPath("http://www.android777.com", path, 28, 0, citePaint);
canvas.restore();
Paint tmpPaint = new Paint(paint); //小刻度画笔对象
tmpPaint.setStrokeWidth(1);
float y=100;
int count = 60; //总刻度数
for(int i=0 ; i <count ; i++){
if(i%5 == 0){
canvas.drawLine(0f, y, 0, y+12f, paint);
canvas.drawText(String.valueOf(i/5+1), -4f, y+25f, tmpPaint);
}else{
canvas.drawLine(0f, y, 0f, y +5f, tmpPaint);
}
canvas.rotate(360/count,0f,0f); //旋转画纸
}
//绘制指针
tmpPaint.setColor(Color.GRAY);
tmpPaint.setStrokeWidth(4);
canvas.drawCircle(0, 0, 7, tmpPaint);
tmpPaint.setStyle(Style.FILL);
tmpPaint.setColor(Color.YELLOW);
canvas.drawCircle(0, 0, 5, tmpPaint);
canvas.drawLine(0, 10, 0, -65, paint);