最近在做项目时需要实现这样一种动画,类似于波浪形的进度动画,粗略的看了一下,发现好像类似于正余弦曲线实现的,但是Android 没有相关的API,所以需要我们动手画出来,所以现在在此记录一下学习过程,方便总结、学习。
效果图
代码地址
使用方法
gradl依赖
compile 'liji.library.dev:excellentwaveview:0.4.0'
复制代码
自定义的方法属性有;
xmlns:app="http://schemas.android.com/apk/res-auto"
//进度条的文字颜色
app:wave_progress_text_color="#ffffff"
//是否显示进度条,默认不显示
app:wave_progress_text_show="true"
//波浪波形的填充颜色
app:wave_wavecolor="@color/red"
复制代码
实现原理
在讲解实现这个波浪动画的原理之前,我们需要一些前提知识,防止到时候看的云里来雾里去的。嘿嘿~
前提知识
1、关于自定义view的一些基本用法,例如canvas、Paint的用法等,可以自寻相关文章进行学习。
2、Path的用法,也就是路径的意思,我们这个动画也主要是通过path来完成的。
接下来我们简单的介绍一下关于path的用法。