Android下实现各种图形的绘制

作者：王震

本文结合本人的开发事例，简单介绍一下如何在Android平台下实现各种图形的绘制。

首先自定义一个View类，这个view类里面需要一个Paint对象来控制图形的属性，需要一个Path对象来记录图形绘制的路径，需要一个Canvas类来执行绘图操作，还需要一个Bitmap类来盛放绘画的结果。

Paint mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(0xFFFF0000);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(12);

以上代码初始化了Paint对象，设置了画笔的颜色、类型和粗细。

BitmapmForeBitmap = Bitmap.createBitmap(mWidth, mHeight, Bitmap.Config.ARGB_8888);

CanvasmCanvas = new Canvas(mForeBitmap);

PathmPath = new Path();

以上代码创建了一个Bitmap对象，并将他作为参数传给了Canvas对象，同时初始化Path对象。

 

想让View响应用户的触摸事件，需要实现View类的onTouchEvent函数，代码如下：

@Override
        public boolean onTouchEvent(MotionEvent event) {
            float x = event.getX();
            float y = event.getY();
            
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    touch_start(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_MOVE:
                    touch_move(x, y);
                    invalidate();
                    break;
                case MotionEvent.ACTION_UP:
                    touch_up();
                    invalidate();
                    break;
            }
            return true;
        }

其中touch_start，touch_move和touch_up函数分别处理按下，移动和抬起事件，函数的实现将在后面介绍，invalidate函数会调用onDraw函数保证绘图效果实时显示出来。

 

touch_start函数实现如下

mPath.reset();

mPath.moveTo(x,y);

mX= x;

mY= y;

每次清空Path，移动到起点处，并记录起点。

 

touch_move函数实现如下：

switch(mShape)
        	{
        	case 1:
        		float dx = Math.abs(x - mX);
                float dy = Math.abs(y - mY);
                if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {
                    mPath.quadTo(mX, mY, (x + mX)/2, (y + mY)/2);
                    mX = x;
                    mY = y;
                }break;
        	case 2:
        		mPath.reset();
        		mPath.moveTo(mX, mY);
        		mPath.lineTo(x, y);
        		break;
        	case 3:
        		mPath.reset();
        		RectF mRect = new RectF();
        		mRect.set(mX, mY, x, y);
        		mPath.addOval(mRect, Path.Direction.CW);
        		break;
        	case 4:
        		mPath.reset();
        		RectF mRect1 = new RectF();
        		mRect1.set(mX, mY, x, y);
        		mPath.addRect(mRect1, Path.Direction.CW);
        		break;
        	}

根据mShape的值绘制不同的图形，为1时绘制Bezier曲线，为2时绘制直线，为3时绘制椭圆，为4是绘制矩形，分别调用Path类的不同函数实现。

 

touch_up函数实现如下：

mCanvas.drawPath(mPath,mPaint);

mPath.reset();

将Path绘制到Canvas的Bitmap里

 

最后在OnDraw函数里需要把当前的Bitmap绘制出来。

protectedvoid onDraw(Canvas canvas)

{

       // TODO Auto-generated method stub

        super.onDraw(canvas);

        canvas.drawBitmap(mBitmap,0, 0, mBitmapPaint);

}

 

大功告成，截图如下：