Canvas的超基础绘制

最新推荐文章于 2023-08-10 16:07:24 发布

秦艺

最新推荐文章于 2023-08-10 16:07:24 发布

阅读量576

点赞数

分类专栏：安卓基础知识点自定义View

本文链接：https://blog.csdn.net/qq_35900047/article/details/83351974

版权

安卓基础知识点同时被 2 个专栏收录

78 篇文章 1 订阅

订阅专栏

自定义View

1 篇文章 0 订阅

订阅专栏

练习Canvas

绘制颜色

canvas.drawColor(Color.YELLOW);

在这里插入图片描述

绘制实心圆

 canvas.drawCircle(300,300,200,paint);
/*
CX		要绘制的圆的中心的x坐标
CY		要绘制的圆的中心的y坐标
半径	要绘制的圆的半径
paint	用于绘制圆圈的油漆
 */

在这里插入图片描述

绘制空心圆

       paint.setStrokeWidth(15);
       paint.setStyle(Paint.Style.STROKE);

        /*
        FILL                将填充使用此样式绘制的几何和文本，忽略绘画中与笔划相关的所有设置。
        FILL_AND_STROKE 	使用此样式绘制的几何和文本将同时填充和描边，尊重绘画中与笔划相关的字段。
        STROKE 	            使用此样式绘制的几何和文本将被描边，尊重绘画上与笔划相关的字段。
        */
        canvas.drawCircle(900,300,200,paint);

在这里插入图片描述

绘制矩形

canvas.drawRect(300,600,700,800,paint);
/*
left	要绘制的矩形的左侧
top	    要绘制的矩形的顶部
right	要绘制的矩形的右侧
bottom	要绘制的矩形的底边
paint	用于绘制矩形的油漆
*/

在这里插入图片描述

绘制方点、圆点

	    paint.setStrokeCap(Paint.Cap.ROUND);
        paint.setStrokeWidth(120);
        canvas.drawPoint(200,200,paint);

        paint1.setStrokeCap(Paint.Cap.BUTT);
        paint1.setStrokeWidth(120);
        canvas.drawPoint(600,200,paint1);

在这里插入图片描述

绘制椭圆

canvas.drawOval(100,300,800,700,paint);

在这里插入图片描述

绘制直线

  canvas.drawLine(100,100,700,700,paint);

在这里插入图片描述

绘制圆角矩形

        canvas.drawRoundRect(100,100,500,300,50,50,paint);
        /*
        RX	用于围绕角落的椭圆的x半径
        RY	椭圆的y半径用于绕角
        */

在这里插入图片描述

绘制扇形、弧形

        canvas.drawArc(200, 100, 800, 500, -110, 100, true, paint); // 绘制扇
        canvas.drawArc(200, 100, 800, 500, 20, 140, false, paint); // 绘制弧
        paint.setStyle(Paint.Style.STROKE); // 画线模式
        canvas.drawArc(200, 100, 800, 500, 180, 60, false, paint);// 绘制弧

在这里插入图片描述

绘制心形

	    Path path = new Path();        
        path.addArc(200, 200, 400, 400, -225, 225);
        path.arcTo(400, 200, 600, 400, -180, 225, false);
        path.lineTo(400, 542);

        canvas.drawPath(path, paint); // 绘制出 path 描述的图形（心形)

在这里插入图片描述