用贝塞尔曲线实现语音动画

项目需求效果图：

原型是如下这个渐变的带着波浪起伏的语音动画控件，而且这3个起伏点随着唤醒的角度变化，而位置有所改变，目前只支持三个角度：唤醒在左边，中间和右边。

实现思路：

1. 用哪种方式实现？

首先是三角函数也有曲线效果，但是在直线与曲线连接的地方，需要平滑顺畅过渡，三角函数是不能实现的。
贝塞尔曲线呢？这个只要设计好控制点，任意弯曲的形状都不在话下了。所以敲定方案就用贝塞尔曲线实现。

2. 控制点应该有几个，位置在哪？

查看api发现，android提供了一个二阶和三阶贝塞尔曲线，这里用二阶贝塞尔曲线就可以了。
剩下的问题是：以一个小椭圆为例，需要用几个控制点？位置在哪？这个最为关键。
如果只是在最高点c作为一个控制点，那么看到的效果就会如下：曲线和直线连接处A点和B点过度不顺畅，非常生硬，说明只选择一个控制点不行，还必须再加控制点让直线和曲线能顺畅过渡。

如果采用如下方案：分三段曲线，控制点做三个，最高点C1是一个，左右曲线和直线连接处C0和C2也各有一个，基本上就没有问题了。

先看看一个实现的效果图，可以看到，曲线和直接衔接处很顺畅，而且画出了上半部分椭圆，下半部分实现基本一样，其余的椭圆也是如此。

代码实现如下：

 /**
         * 设置画椭圆的起始点位置：
         */
         @Override
    protected void onDraw(Canvas canvas) {
   
        super.onDraw(canvas);
        if(postion==1){
   
            x0 = mWidth/2+250;
        }else if(postion==-1){
   //左边
            x0 = 100;
        }else{
   //中间
            x0 = mWidth/2-300;
        }
        
        float y0 = mHeight/2-10;
        
        mPath.reset();
        mPath.moveTo(