一、波浪效果如下
贝塞尔曲线自定义波浪效果的案例很多,同样方法也很简单,大多数和本案例一样使用二次贝塞尔曲线实现,同样还有一种是PathMeasure的方式,这里我们后续补充,先来看贝塞尔曲线的实现方式。
二、代码实现
本案例难点:
①波形图的运动,我们需要在 坐标点x负方向绘制一个完整的波形,当波形运动到0点之后自动从恢复原始位置。
②渐变实现,这里使用LinearGradient,主要是渐变方向,当起始横轴为0坐标,纵轴不为0,渐变方向才为纵向。可参考《Android中的LinearGradient》中的讲解。
代码如下:
public class WaveView extends View {
private TextPaint mPaint;
private float dx = 0;
private float mfactory = 5f/4; //波浪因数,用于决定波长
public WaveView(Context context) {
this(context,null);
}
public WaveView(Context context, @Nullable AttributeSet attrs) {
this(context