Android开发实现各种图形绘制功能示例

2020-10-22 14:59:58 浏览数 (1)

本文实例讲述了Android开发实现各种图形绘制功能。分享给大家供大家参考,具体如下:

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

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

代码语言:javascript复制
Paint mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setColor(0xFFFF0000);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(12);

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

代码语言:javascript复制
BitmapmForeBitmap = Bitmap.createBitmap(mWidth, mHeight, Bitmap.Config.ARGB_8888);
CanvasmCanvas = new Canvas(mForeBitmap);
PathmPath = new Path();

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

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

代码语言:javascript复制
@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函数实现如下

代码语言:javascript复制
mPath.reset();
mPath.moveTo(x,y);
mX= x;
mY= y;

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

touch_move函数实现如下:

代码语言:javascript复制
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函数实现如下:

代码语言:javascript复制
mCanvas.drawPath(mPath,mPaint);
mPath.reset();

将Path绘制到Canvas的Bitmap里

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

代码语言:javascript复制
protectedvoid onDraw(Canvas canvas)
{
    // TODO Auto-generated method stub
    super.onDraw(canvas);
    canvas.drawBitmap(mBitmap,0, 0, mBitmapPaint);
}

大功告成,截图如下:

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形与图像处理技巧总结》、《Android开发入门与进阶教程》、《Android调试技巧与常见问题解决方法汇总》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

0 人点赞