自定义View入门绘制基础1

前言

说道自定义 View，我们一定会想到，自定义 View 的绘制流程

• 测量阶段（measure）
• 布局阶段（layout）
• 绘制阶段（draw）

我们看到的一些炫酷的 view 效果，都是在绘制方法里去实现的，也就是draw(Canvas)，我们先放下 测量与布局，先从绘制基础开始学起。

详解

说到 ondraw(Canvas) 方法，不得不提 Paint 与Canvas。我们先来看Paint

1.Paint

Paint 就是 ” 画笔 ”，我们先去看下 Paint 类的源码解释：

**
 * The Paint class holds the style and color information about how to draw
 * geometries, text and bitmaps.
 */

Paint 类可以画几何图形，文本与 bitmap。
Paint 类方法比较多，这里拿 Paint.Style 举例：

• Paint.Style.FILL：填充内部
• Paint.Style.FILL_AND_STROKE：填充内部和描边
• Paint.Style.STROKE：描边

2.Canvas

(1). 定义
Canvas 就是“画布”，我们先去看下 Canvas 类的源码解释：

 * The Canvas class holds the "draw" calls. To draw something, you need
 * 4 basic components: A Bitmap to hold the pixels, a Canvas to host
 * the draw calls (writing into the bitmap), a drawing primitive (e.g. Rect,
 * Path, text, Bitmap), and a paint (to describe the colors and styles for the
 * drawing).

• 承载像素的位图
• 持有绘画方法调用的画布
• 描述画图颜色和风格的画笔
• 画图的类型。

(2). 绘制方法

方法比较多了，这里我就随便举几个例子：

• 画线

        Paint paint=new Paint();
        paint.setColor(Color.BLUE);
        paint.setStrokeWidth(20);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawLine(200,200,450,200,paint);

• 画矩形

        Paint paint=new Paint();
        paint.setColor(Color.BLUE);
        paint.setStrokeWidth(50);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawRect(100,100,200,200,paint);

• 画扇形 -140 度

        Paint paint=new Paint();
        paint.setColor(Color.BLUE);
        paint.setStrokeWidth(50);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawArc(100,100,400,400,0,140,false,paint);

更多的方法以及方法的含义可以去下面的 API 地址去看！
API 地址

今天就讲到这里，绘制基础还有一个非常重要的类，Paht(路径)类 ，下一节讲一下。
希望对大家有所帮助！

大家可以关注我的微信公众号：「秦子帅」一个有质量、有态度的公众号！