自定义View入门-绘制基础(1)

前言

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

  • 测量阶段(measure)
  • 布局阶段(layout)
  • 绘制阶段(draw)

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

详解

说到ondraw(Canvas)方法,不得不提PaintCanvas。我们先来看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(路径)类,下一节讲一下。
希望对大家有所帮助!

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

公众号

推荐阅读更多精彩内容