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();将直线的首尾连接起来。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容