美文网首页
抱一个大粗腿之抛物线的自定义View

抱一个大粗腿之抛物线的自定义View

作者: 李汪汪汪侠 | 来源:发表于2017-07-11 17:14 被阅读0次

    导语

    学习笔记,写这篇主要是为了加深一下记忆。有哪个老哥不小心点进来请直接点击下面的地址看大牛写的文章,条理清晰,受益良多。

    新世界的传送门


    下面是看到哪写到哪。

    关键概念,感觉可以脑补一下简化版的PS或者早期windows自带的画图软件。
    • Canvas 画布,在画布上画一些乱七八糟的东西。
    • Paint 画笔,设置绘制属性、过滤、加特效等等全靠它。
    • Canvas的剪切,脑补ps的L
    • Canvas的集合变形,脑补ps的command+T
    • 图像的绘制顺序的控制
    开始绘制之onDraw()

    在onDraw里绘制图形,这里不得不说一下Google大神写的代码,各种方法基本是靠猜就能猜一个八九不离十。

    • Canvas 画东西一般都是drawXXXX(x,y......);想画什么图形基本猜一下后面的英文,然后点到代码里看一下参数就可以了。
    • Paint 属性
      1.Paint.setStyle(Style style) 设置绘制模式。
      FILL:填充模式,STROKE :画线模式(即勾边模式),FILL_AND_STROKE 是两种模式一并使用:既画线又填充。它的默认值是 FILL,填充模式。
      2.Paint.setColor(int color) 设置颜色
      3.Paint.setStrokeWidth(float width) 设置线条宽度
      4.Paint.setTextSize(float textSize) 设置文字大小
      5.Paint.setAntiAlias(boolean aa) 设置抗锯齿开关
      开了以后会平滑很多,没遇到不开的情况。
      PS:一些绘制的常用方法参数什么的就不多bb了。
    drawPath(Path path, Paint paint) 画自定义图形
    • Path
      1.moveTo(float x, float y) / rMoveTo(float x, float y) 移动到目标位置
      设置个起点什么的肯定会用到的吧。
      2.Path.addXXX();搞一个图形路径,闭合
      3.lineTo(float x, float y) / rLineTo(float x, float y) 画直线
      不带r是绝对坐标,带r是相对坐标。
      4.quadTo(float x1, float y1, float x2, float y2) / rQuadTo(float dx1, float dy1, float dx2, float dy2) 画二次贝塞尔曲线
      5.cubicTo(float x1, float y1, float x2, float y2, float x3, float y3) / rCubicTo(float x1, float y1, float x2, float y2, float x3, float y3) 画三次贝塞尔曲线
      6.arcTo(RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(float left, float top, float right, float bottom, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(RectF oval, float startAngle, float sweepAngle) 画弧形
      7.arcTo(RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(float left, float top, float right, float bottom, float startAngle, float sweepAngle, boolean forceMoveTo) / arcTo(RectF oval, float startAngle, float sweepAngle) 画弧形
      最后一个boolean是判断是否抬笔,true是抬笔,反之。
      8.close() 闭合路径,直接找到起点和终点闭合上。
    • Path.setFillType(Path.FillType ft) 设置填充方式
      这个大腿那边有一张图,直接看图就可以了,简单明了。
      看了一下原理,哎呦卧槽,简直像是打开了新世界的大门......挺好玩的。


      沉迷

    练习一下画一个心

    画心

    OVER 大千世界,望你不要迷失自我

    勿忘初心

    相关文章

      网友评论

          本文标题:抱一个大粗腿之抛物线的自定义View

          本文链接:https://www.haomeiwen.com/subject/kfnphxtx.html