Android开发学习之Android2D绘图基础

 今天想和大家分享的是 Android 中的 2D 绘图机制，在 Android 中绘制任何图形都需要在 Canvas 上进行，而要使用 Canvas 就必须使用 View.onDraw() 方法完成绘制工作，因此需要我们编写一个继承自 View 的类，并覆盖 onDraw() 方法。下面来详细介绍 Android 中绘图的基础内容。

     一、点

     drawPoint(float x,float y,Paint paint) 方法用于在指定点绘制一个点

     drawPoints(float [] pts,int offset,int count,Paint paint) 方法用于从 pts 中的第 offest 个位置起选取 count 个元素作为多个点的坐标，因此 count 为偶数，当 count 为基数时，将忽略最后一个元素。

     drawPoints(float [] pts,Paint paint) 方法是 drawPoints() 的重载方法，所有坐标都将参与绘制过程。

     二、直线

     drawLine(float startx,float starty,loat stopx,float stopy,Paint paint) 方法用于在点 (startx,starty) 和点 (stopx,stopy) 之间绘制一条直线

     drawLines(float [] pts,int offset,int count,Paint paint) 方法定义类似于 drawPoints() 方法

     drawLines(float [] pts,Paint paint) 方法定义类似于 drawPoints() 方法

     三、矩形

     drawRect(float x1,float y1,float x2,float y2,Paint paint) 方法用于绘制左上角顶点为 (x1,y1), 右下角顶点为 (x2,y2) 的矩形

     drawRect(Rect rect,Paint paint) 用于绘制一个指定的矩形

     四、多边形

     drawVertices(VertexMode mode,int count,float[] pts,0,null,0,null,0,null,0,0,Paint paint) 方法用于绘制一个多边形，其中 count 为坐标的个数，等于 pts 的大小。理论上此方法可以绘制矩形，实际上此方法的本质是绘制无数个三角形。具体的参数大家可以自行查阅官方 API 文档。

     五、弧线

     drawArc(Rect rect,float startAngle,float sweepAngle,bool useCenter,Paint paint) 方法用于在矩形 rect 内部 ( 此矩形并不会绘制 ) 绘制一个起始角度为 startAngle ，结束角度为 sweepAngle 的弧， useCenter 将决定这段弧是否会显示起点与终点的连线。当 sweepAngle-startAngle 〉 =360 时，绘制效果是一个椭圆。

     六、圆

    drawCircle(float cx,float cy,float r,Paint paint) 方法将绘制一个以 (cx,cy) 为圆心， r 为半径的圆。

    七、文字

    drawText(String s, float x, float y, Paint paint)方法将在 (x,y) 处绘制字符串 s.

    八、位图

    drawBitmap(Bitmap bitmap,float left,float top,Paint paint)

    drawBitmap(Bitmap bitmap,Rect src,Rect dst,Paint paint) 

    九、 Paint 

    Paint 是笔刷类，主要用于设置绘图相关的属性。主要方法：

   setColor() 方法用于设定笔刷颜色

    setStrokeWidth() 方法用于设定笔刷宽度

    setStyle() 方法用于设定笔刷的样式

     暂时就介绍到这里吧，更多的方法大家可以自己去了解，下面给出我的示例代码，供大家参考：

     1、继承自View的DrawView

package com.android.DroidDraw;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Canvas.VertexMode;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Rect;
import android.graphics.RectF;
import android.view.View;

public class DrawView extends View 
{

  public DrawView(Context mContext) {
    super(mContext);
    setBackgroundColor(Color.BLACK);
  }
  
  @SuppressLint("DrawAllocation")
  @Override
  protected void onDraw(Canvas mCanvas) 
  {
      super.onDraw(mCanvas);
      //定义4个点的集合
            float[] mPoints=new float[]{150,20,35,150,200,30,78,60};
      //创建笔刷
      Paint mPaint=new Paint();
      //设置笔刷颜色为白色
      mPaint.setColor(Color.WHITE);
      //设置画笔大小
      mPaint.setStrokeWidth(1);
      //在(100,20)绘制一点
      mCanvas.drawPoint(100, 20, mPaint);
      
      //设置笔刷颜色为白色
      mPaint.setColor(Color.WHITE);
      //设置画笔大小
      mPaint.setStrokeWidth(1);
      //在(100,20)绘制一点
      mCanvas.drawPoint(100, 20, mPaint);
      //在指定坐标处绘制一组点
      mCanvas.drawPoints(mPoints, mPaint);
      
      //在(20,35)、(45,200)两点间绘制一条直线
      mCanvas.drawLine(20, 35, 45, 200, mPaint);
      //由给定的点集合绘制一系列直线
      mCanvas.drawLines(mPoints, mPaint);
      
      //通过绘制直线绘制三角形
      mCanvas.drawLine(20, 35, 45, 200, mPaint);
      mCanvas.drawLine(45, 200, 55, 80, mPaint);
      mCanvas.drawLine(55, 80, 20, 35, mPaint);
      
      //通过绘制多边形绘制三角形
      mCanvas.drawVertices(VertexMode.TRIANGLE_FAN, 6, new float[]{20,35,45,200,55,80}, 0, null, 0, null, 0, null, 0, 0, mPaint);
      
      //绘制矩形
      mCanvas.drawRect(new Rect(20,210,100,255), mPaint);
      //绘制二维码校准框
      mPaint.setStyle(Style.STROKE);
      //绘制矩形框
      mCanvas.drawRect(new Rect(10,10,110,110), mPaint);
      //绘制左上角
      mCanvas.drawLine(20, 20, 20, 50, mPaint);
      mCanvas.drawLine(20, 20, 50, 20, mPaint);
      //绘制左下角
      mCanvas.drawLine(20, 100, 20, 70, mPaint);
      mCanvas.drawLine(20, 100, 50, 100, mPaint);
      //绘制右上角
      mCanvas.drawLine(100, 20, 70, 20, mPaint);
      mCanvas.drawLine(100, 20, 100, 50, mPaint);
      //绘制右下角
      mCanvas.drawLine(100, 100, 100, 70, mPaint);
      mCanvas.drawLine(100, 100, 70, 100, mPaint);
      
      //绘制圆
      mCanvas.drawCircle(120, 120, 50, mPaint);
      
      //绘制弧
      mCanvas.drawArc(new RectF(50,24,60,75), 30f, 120f, true, mPaint);
      
      //绘制椭圆
      mCanvas.drawArc(new RectF(50,64,80,75), 0f, 360f, true, mPaint);
      
      //绘制文字
      mCanvas.drawText("Android绘图基础", 100, 150, mPaint);
      
      //绘制位图
      Bitmap mBitmap=BitmapFactory.decodeResource(getResources(), R.drawable.t);
      mCanvas.drawBitmap(mBitmap, 
      		new Rect(0,0,mBitmap.getWidth(), mBitmap.getHeight()),
      		new Rect(200,200,mBitmap.getWidth()/2, mBitmap.getHeight()/2), 
      		mPaint);
  }


}

       2、主类MainActivity

package com.android.DroidDraw;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
      DrawView mView=new DrawView(this);
    setContentView(mView);
  }

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  }

}