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); } }
</div> </div>
2、主类MainActivity