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

橙三吉。 提交于 2019-11-30 05:47:36

前言

说道自定义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(路径)类,下一节讲一下。 希望对大家有所帮助!

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

公众号

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!