Android2D绘图基础

jopen 10年前

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

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;        }        }  
</div> </div> 来自:http://blog.csdn.net/qinyuanpei/article/details/20203677