快捷導(dǎo)航

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

更新時(shí)間：2017年09月01日 10:48:34 作者：pku_android

這篇文章主要介紹了Android開(kāi)發(fā)實(shí)現(xiàn)各種圖形繪制功能,結(jié)合實(shí)例形式分析了Android圖形繪制常用的組件、函數(shù)使用方法及相關(guān)注意事項(xià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)盛放繪畫(huà)的結(jié)果。

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

以上代碼初始化了Paint對(duì)象，設(shè)置了畫(huà)筆的顏色、類型和粗細(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ù)，代碼如下：

@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函數(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);
}

大功告成，截圖如下：