自定义View学习之锯齿波纹效果

最新推荐文章于 2021-12-03 16:35:22 发布

于慢慢家的吴小厨

最新推荐文章于 2021-12-03 16:35:22 发布

阅读量438

点赞数

CC 4.0 BY-SA版权

分类专栏： android自定义控件文章标签： path 自定义view

本文链接：https://blog.youkuaiyun.com/u012946477/article/details/77772927

本文介绍了作者在自定义View领域的学习过程，以实现锯齿波纹效果为例，详细讲解了如何结合Path和drawArc来绘制这个效果。文章分析了View的组成部分，包括中间的矩阵、Path绘制的锯齿以及用画扇形方式实现的圆形波纹。作者还提到了在values目录下定义自定义属性、测量View大小和计算矩阵尺寸等步骤，并分享了源码链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

工作太久都忘记了学习，落下了很多基础而又实用的东西，尤其在自定义View这块，每每提及都惶恐不已，在我家小棉袄的鞭策之下，痛定思痛，拿起手中之笔，开启了我的学习之旅。

在网上看到一篇自定义View的文章，以此为基准来学习了自定义View中结合Path和drawArc来实现锯齿波纹效果。
先上一张效果图

效果图
看图先来分析下整个View的组成部分，其实很简单
- 中间是一个矩阵
- 锯齿状的两侧可以通过Path来绘制
- 圆形波纹效果可以通过画扇形的方式来绘制

接下来我正式开始绘制
- 1.老规矩，先在values目录下新建一个attr.xml文件，定义几个属性，如下：

    <declare-styleable name="WaveView">
        <!--波浪的总个数-->
        <attr name="waveCount" format="integer" />
        <!--波浪的宽度-->
        <attr name="waveWidth" format="integer" />/
        <attr name="waveMode" format="integer">