笔记—自定义View之绘制基础

一 Paint基础使用方法

1 Paint.setStyle(Style style) 设置绘制模式

Paint.setColor(int color) 是 Paint 最常用的方法之一，用来设置绘制内容的颜色。你不止可以用它画红色的圆，也可以用它来画红色的矩形、红色的五角星、红色的文字。

2 Paint.setColor(int color) 设置颜色

setStyle(Style style) 这个方法设置的是绘制的 Style 。Style 具体来说有三种： FILL, STROKE 和 FILL_AND_STROKE 。FILL 是填充模式，STROKE 是画线模式（即勾边模式），FILL_AND_STROKE 是两种模式一并使用：既画线又填充。它的默认值是 FILL，填充模式

3 Paint.setStrokeWidth(float width) 设置线条宽度

在 STROKE 和 FILL_AND_STROKE 下，还可以使用 paint.setStrokeWidth(float width) 来设置线条的宽度：

4 Paint.setTextSize(float textSize) 设置文字大小

在绘制的时候，往往需要开启抗锯齿来让图形和文字的边缘更加平滑。开启抗锯齿很简单，只要在 new Paint() 的时候加上一个 ANTI_ALIAS_FLAG 参数就行：Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);也可以使用 Paint.setAntiAlias(boolean aa) 来动态开关抗锯齿

5 Paint.setAntiAlias(boolean aa) 设置抗锯齿开关

通过 Paint.setTextSize(textSize)，可以设置文字的大小

6 Path.setFillType(Path.FillType ft) 设置填充方式

是用来设置图形自相交时的填充算法的

二 Canvas.drawX()方法

1 画圆 Canvas.drawCircle(x,y,r,paint) 圆心坐标xy 半径r

        val paint = Paint(Paint.ANTI_ALIAS_FLAG)
        canvas.drawCircle(300f, 300f, 300f, paint)

2 画矩形 canvas.drawRect(l,t,r,b,paint) 矩形四条边 距离坐标轴的距离

        val paint = Paint(Paint.ANTI_ALIAS_FLAG)
        canvas.drawRect(100f, 100f, 600f, 900f, paint)

3 画点 canvas.drawPoint(x,y,paint) 点的坐标xy 在paint.setStrokeCap设置点的样式 圆点 还是方点

        val paint = Paint(Paint.ANTI_ALIAS_FLAG)
        paint.strokeCap = Paint.Cap.SQUARE
        canvas.drawPoint(100f, 100f, paint)

4 画椭圆 canvas.drawOval(l,t,r,b,paint) 椭圆四个顶点到坐标轴的距离

        val paint = Paint(Paint.ANTI_ALIAS_FLAG)
        canvas.drawLine(0f,30f,100f,30f,paint)

5 画线 canvas.drawLine(sx,sy,ex,ey,paint) 起始点左边sx sy 终止点坐标ex ey

         val paint=Paint()
         canvas.drawLine(0f,30f,100f,30f,paint)

6 画圆角矩形 canvas.drawRoundRect(r,h,v,paint) r:矩形坐标 h v:横向和纵向的直径距离

        val paint = Paint()
        canvas.drawRoundRect(RectF(100f, 100f, 500f, 300f), 50f, 70f, paint)

7 画弧形或扇形或曲线 canvas.drawArc(r,sw,ew,userCenter,paint) r:图形所在椭圆的坐标 sw:起始角度 ew:划过角度 userCenter 是否连接中心点 最终图片 是弧形或扇形或曲线 取决去是否连接中心点 和 是否填充图形

        val paint = Paint()
        paint.style=Paint.Style.FILL
        canvas.drawArc(RectF(200f,200f,800f,500f),-100f,100f,true,paint)
        canvas.drawArc(RectF(200f,200f,800f,500f),20f,140f,false,paint)
        paint.style=Paint.Style.STROKE
        canvas.drawArc(RectF(200f,200f,800f,500f),180f,60f,true,paint)

8 画路径path canvas.drawPath()画复杂图像会用到 比如画心

        画心型
        val paint = Paint()
        val path = Path() 
        path.addArc(RectF(200f, 200f, 400f, 400f), -225f, 225f)
        path.arcTo(RectF(400f, 200f, 600f, 400f), -180f, 225f, false)
        path.lineTo(400f, 542f)
        path.close()
        canvas.drawPath(path,paint)
        画三角
        val paint=Paint()
        paint.style= Paint.Style.STROKE
        val path= Path()
        path.lineTo(100f,100f)
        path.moveTo(200f,100f)
        path.lineTo(200f,0f)
        canvas.drawPath(path,paint)

9 画图像 drawBitmap(Bitmap bitmap, float left, float top, Paint paint) 画 Bitmap 绘制 Bitmap 对象，也就是把这个 Bitmap 中的像素内容贴过来。其中 left 和 top 是要把 bitmap 绘制到的位置坐标。它的使用非常简单

        val paint=Paint（）
        canvas.drawBitmap(bitmap,left,top,paint)

10 画文字 drawText(String text, float x, float y, Paint paint) 绘制文字

        val paint=Paint（）
        canvas.drawText(text,x,y,paint)