Canvas和Paint的那点事（1）

最近在研究android绘图机制，将一些结果记录下来。

自定义View：

public class CustomView extends View {    public CustomView(Context context, AttributeSet attrs) {        super(context, attrs);    }    @Override    protected void onDraw(Canvas canvas) {        // TODO Auto-generated method stub        super.onDraw(canvas);        canvas.drawColor(Color.WHITE); // 将画布置为白色        Paint paint = new Paint();        paint.setAntiAlias(true); // 去锯齿        paint.setColor(Color.BLACK); // 画笔颜色        paint.setStyle(Paint.Style.STROKE); // 设置paint的风格为“空心”。当然也可以设置为"实心"(Paint.Style.FILL)        paint.setStrokeWidth(3); // 画笔设置为“空心”时的外框宽度        // 绘制圆（圆心x坐标，圆心y坐标，半径，paint）        canvas.drawCircle(40, 40, 30, paint);        // 绘制矩形。参数其实是矩形对角线上两个点的坐标（点A的x坐标，点A的y坐标，点B的x坐标，点B的y坐标，paint）        canvas.drawRect(10, 80, 70, 140, paint);        // 绘制圆角矩形        RectF rectF = new RectF(10, 200, 70, 230); // 矩形区域        canvas.drawRoundRect(rectF, 15, 30, paint); // (矩形区参数，x轴方向的圆角半径，y轴方向的圆角半径，paint)        // 绘制椭圆        RectF rectF2 = new RectF(10, 240, 70, 270); // 矩形区域(数学中，矩形可以决定椭圆的形状)        canvas.drawOval(rectF2, paint);        // 绘制三角形,定义一个Path对象，封闭成一个三角形（注意：是一个moveTo（）加两个lineTo（），本人第一次畅快的写了3个moveTo（）。。。）        Path path = new Path();        path.moveTo(10, 340); // C点        path.lineTo(70, 340); // D点        path.lineTo(40, 290); // E点        path.close(); // 当最后一个点和第一个点不重合时，它自动帮你补上一条线        canvas.drawPath(path, paint);        // 绘制字符串        // canvas.drawText(text, x, y,paint)，        // 第一个参数是我们需要绘制的文本，第四个参数是我们的画笔，这两个不用多说，        // 主要是第二和第三个参数的含义，这两个参数在不同的情况下的值还是不一样的，x默认是这个字符串的左边在屏幕的位置，        // 如果设置了paint.setTextAlign(Paint.Align.CENTER),y是指是字符的中心;        // 如果设置了paint.setTextAlign(Paint.Align.LEFT)，y是指定这个字符baseline在屏幕上的位置，        // 大家记住了，不要混淆，y不是这个字符中心在屏幕上的位置，也不是左上角的在屏幕上的位置，而是baseline在屏幕上的位置        // baseline的定义大家可以自行百度        String testString = "测试：gafaeh110";        Paint paint2 = new Paint();        paint2.setStrokeWidth(3);        paint2.setTextSize(30);        paint2.setColor(Color.RED);        paint2.setTextAlign(Align.LEFT);        canvas.drawText(testString, 10, 370, paint2);      }}

布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#00DB00"    tools:context="com.example.drawtest.MainActivity" >    <com.example.drawtest.CustomView        android:layout_width="match_parent"        android:layout_height="match_parent" /></RelativeLayout>

效果图：

计划用安卓原生语言写个小游戏，所以后续会继续更新绘图机制的。