Android開(kāi)發(fā)實(shí)現(xiàn)各種圖形繪制功能示例

2019-12-12 02:07:07

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了Android開(kāi)發(fā)實(shí)現(xiàn)各種圖形繪制功能。分享給大家供大家參考，具體如下：

這里結(jié)合本人的開(kāi)發(fā)事例，簡(jiǎn)單介紹一下如何在Android平臺(tái)下實(shí)現(xiàn)各種圖形的繪制。

首先自定義一個(gè)View類，這個(gè)view類里面需要一個(gè)Paint對(duì)象來(lái)控制圖形的屬性，需要一個(gè)Path對(duì)象來(lái)記錄圖形繪制的路徑，需要一個(gè)Canvas類來(lái)執(zhí)行繪圖操作，還需要一個(gè)Bitmap類來(lái)盛放繪畫的結(jié)果。

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

以上代碼初始化了Paint對(duì)象，設(shè)置了畫筆的顏色、類型和粗細(xì)。

BitmapmForeBitmap = Bitmap.createBitmap(mWidth, mHeight, Bitmap.Config.ARGB_8888);CanvasmCanvas = new Canvas(mForeBitmap);PathmPath = new Path();

以上代碼創(chuàng)建了一個(gè)Bitmap對(duì)象，并將他作為參數(shù)傳給了Canvas對(duì)象，同時(shí)初始化Path對(duì)象。

想讓View響應(yīng)用戶的觸摸事件，需要實(shí)現(xiàn)View類的onTouchEvent函數(shù)，代碼如下：

@Overridepublic 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函數(shù)分別處理按下，移動(dòng)和抬起事件，函數(shù)的實(shí)現(xiàn)將在后面介紹，invalidate函數(shù)會(huì)調(diào)用onDraw函數(shù)保證繪圖效果實(shí)時(shí)顯示出來(lái)。

touch_start函數(shù)實(shí)現(xiàn)如下

mPath.reset();mPath.moveTo(x,y);mX= x;mY= y;

每次清空Path，移動(dòng)到起點(diǎn)處，并記錄起點(diǎn)。

touch_move函數(shù)實(shí)現(xiàn)如下：

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;}

根據(jù)mShape的值繪制不同的圖形，為1時(shí)繪制Bezier曲線，為2時(shí)繪制直線，為3時(shí)繪制橢圓，為4是繪制矩形，分別調(diào)用Path類的不同函數(shù)實(shí)現(xiàn)。

touch_up函數(shù)實(shí)現(xiàn)如下：

mCanvas.drawPath(mPath,mPaint);mPath.reset();

將Path繪制到Canvas的Bitmap里

最后在OnDraw函數(shù)里需要把當(dāng)前的Bitmap繪制出來(lái)。

protectedvoid onDraw(Canvas canvas){    // TODO Auto-generated method stub    super.onDraw(canvas);    canvas.drawBitmap(mBitmap,0, 0, mBitmapPaint);}

大功告成，截圖如下：