1.1绘图基础-基本图形绘制

图形的绘制，需要用到纸和笔。在安卓中，就是Paint和Canvas。

1.画圆形

public class MyView extends View {
    Paint paint = new Paint();

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setAntiAlias(true);//抗锯齿
        paint.setColor(Color.RED);//设置画笔的颜色
        paint.setStrokeWidth(5);//设置画笔的宽度
        paint.setStyle(Paint.Style.STROKE);//设置画笔的填充样式
        canvas.drawCircle(100, 100, 75, paint);
    }
}

1.1图1

paint.setColor(Color.RED)可以设置图形的颜色，不过颜色的局限性太大，还可以用paint.setColor(Color.parseColor("#ff0000"));去设置颜色。

paint.setStyle(Paint.Style.STROKE);是设置画笔的填充样式，目前安卓中有三种方法设置填充样式，
Paint.Style.STROKE、Paint.Style.FILL、Paint.Style.FILL_AND_STROKE，后面两种效果如下图：

1.1图2

1.1图3

2.画直线

public class MyView extends View {

    Paint paint = new Paint();

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setAntiAlias(true);
        paint.setColor(Color.parseColor("#ff0000"));//设置画笔的颜色
        paint.setStrokeWidth(5);//设置画笔的宽度
        paint.setStyle(Paint.Style.FILL_AND_STROKE);//设置画笔的填充样式
        canvas.drawLine(100, 200, 300, 400, paint);
    }
}

介绍下canvas.drawLine(100, 200, 300, 400, paint)方法，（100，200）表示在坐标系中的起始点坐标，（300，400）表示终点坐标，两点之间的连线。

效果图如下：

1.1图4

在坐标系中，横坐标向右为正，纵坐标向下为正。

3.画三角形

public class MyView extends View {

    Paint paint = new Paint();
    Path path = new Path();

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setAntiAlias(true);
        paint.setColor(Color.parseColor("#ff0000"));//设置画笔的颜色
        paint.setStrokeWidth(5);//设置画笔的宽度
        paint.setStyle(Paint.Style.STROKE);//设置画笔的填充样式

        path.moveTo(100, 100);
        path.lineTo(300, 300);
        path.lineTo(100, 300);
        path.close();
        canvas.drawPath(path, paint);
    }
}

效果图：

1.1图5

path.moveTo(100, 100);先讲画笔移动到坐标（100，100）的位置
path.lineTo(300, 300);从坐标（100，100）的位置向坐标（300，300）的位置画线；
path.lineTo(100, 300);从坐标（300，300）的位置向坐标（100，300）的位置画线；
path.close();将直线的首尾连接起来。