androidcanvas绘图详解

Android Canvas绘图详解（图文）

Android中使用图形处理引擎，2D部分是android SDK内部自己提供，3D部分是用Open GL ES 。今天我们主要要了解的是2D相关的，如果你想看3D的话那么可以跳过这篇文章。

大部分2D使用的api都在和包中。他们提供了图形处理相关的： Canvas、ColorFilter、Point(点)和RetcF(矩形)等，还有一些动画相关的：AnimationDrawable、 BitmapDrawable 和TransitionDrawable等。以图形处理来说，我们最常用到的就是在一个View上画一些图片、形状或者自定义的文本内容，这里我们都是使用Canvas来实现的。你可以获取View 中的Canvas对象，绘制一些自定义形状，然后调用View. invalidate方法让View重新刷新，然后绘制一个新的形状，这样达到2D动画效果。下面我们就主要来了解下Canvas的使用方法。

Canvas对象的获取方式有两种：一种我们通过重写方法，View中的Canvas对象会被当做参数传递过来，我们操作这个Canvas，效果会直接反应在View中。另一种就是当你想创建一个Canvas对象时使用的方法：

1 2Bitmap b = (100, 100, Canvas c =new Canvas(b);

上面代码创建了一个尺寸是100*100的Bitmap，使用它作为Canvas操作的对象，这时候的Canvas就是使用创建的方式。当你使用创建的Canvas在bitmap上执行绘制方法后，你还可以将绘制的结果提交给另外一个Canvas，这样就可以达到两个Canvas协作完成的效果，简化逻辑。但是android SDK建议使用参数里提供的Canvas就好，没必要自己创建一个新的Canvas对象。接下来我们看看Canvas提供我们哪些绘制图形的方法。我们创建一个自定义View对象，使用onDraw方法提供的Canvas进行绘制图形。

：

1 2 3 4 5 6 7package

import import import import import

8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47import

import

public class CanvasDemoActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) { (savedInstanceState);

setContentView(new CustomView1(this));

}

/**

* 使用内部类自定义一个简单的View

* @author Administrator

*

*/

class CustomView1 extends View{

Paint paint;

public CustomView1(Context context) {

super(context);

paint =new Paint();

..

40,40, 50,50, 60,60, 70,70, 80,80, 90,90, 100,100 }, paint);

}

：

1 2 3 4 5 6 7 8 9 10@Override

protected void onDraw(Canvas canvas) {

RectF rect =new RectF(50, 50, 200, 200); (rect, paint);

}

}

：

1 2 3 4 5 6 7 8 9 10 11@Override

protected void onDraw(Canvas canvas) {

RectF rect =new RectF(50, 50, 200, 200);

(rect,

30,//x轴的半径

30,//y轴的半径

paint);

}

：

1 2 3 4 5 6 7 8 9 10 11 12@Override

protected void onDraw(Canvas canvas) {

Path path =new Path();//定义一条路径 (10, 10);//移动到坐标10,10

(50, 60);

(200,80);

(10, 10);

(path, paint);

}

：

1 2 3 4 5 6 7 8 9 10 11 12 13@Override

protected void onDraw(Canvas canvas) {

Path path =new Path();//定义一条路径

(10, 10);//移动到坐标10,10

(50, 60);

(200,80);

(10, 10);

// (path, paint);

("Android777开发者博客", path, 10, 10, paint); }

位置转换方法，和：

1 2 3 4 5 6 7 8 9 10 11 12 13 14@Override

protected void onDraw(Canvas canvas) {

(true);

;

()/2, 200);//将位置移动画纸的坐标点:150,150 (0, 0, 100, paint);//画圆圈

//使用path绘制路径文字

();

(-75, -75);

Path path =new Path();

(new RectF(0,0,150,150), -180, 180);

Paint citePaint =new Paint(paint);

15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 (14);

(1);

("", path, 28, 0, citePaint);

();

Paint tmpPaint =new Paint(paint);//小刻度画笔对象 (1);

float y=100;

int count = 60;//总刻度数

for(int i=0 ; i

if(i%5 == 0){

(0f, y, 0, y+12f, paint);

(i/5+1), -4f, y+25f, tmpPaint);

}else{

(0f, y, 0f, y +5f, tmpPaint);

}

(360/count,0f,0f);//旋转画纸

}

//绘制指针

;

(4);

(0, 0, 7, tmpPaint);

;

;

(0, 0, 5, tmpPaint);

(0, 10, 0, -65, paint);

}

上面几个例子基本已经将常用的*方法测试过了，我们结合一些事件，做一些有用户交互的应用：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15package

import

import

import

import

import

import

import

import

import

import

public class CanvasDemoActivity extends Activity {

16

17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 @Override

protected void onCreate(Bundle savedInstanceState) {

(savedInstanceState);

setContentView(new CustomView1(this));

}

/**

* 使用内部类自定义一个简单的View

* @author Administrator

*

*/

class CustomView1 extends View{

Paint paint;

private ArrayList graphics =new ArrayList(); PointF point;

public CustomView1(Context context) {

super(context);

paint =new Paint();//设置一个笔刷大小是3的黄色的画笔

;

(3);

}

@Override

public boolean onTouchEvent(MotionEvent event) {

(new PointF(),()));

invalidate();//重新绘制区域

returntrue;

}

//在这里我们将测试canvas提供的绘制图形方法

@Override

protected void onDraw(Canvas canvas) {

for(PointF point : graphics) {

60 61 62 63 64 65 66 67 , , paint); }

// (canvas);

}

}

}

当用户点击时将出现一个小点，拖动时将画出一条用细点组成的虚线：