public class WaveView extends View {
? ? private int ?width = 0;
? ? private int height = 0;
? ? private int baseLine = 0;// 基線，用于控制水位上漲的，這里是寫死了沒動，你可以不斷的設(shè)置改變。
? ? private Paint mPaint;
? ? private int waveHeight = 100;// 波浪的最高度
? ? private int waveWidth ?;//波長
? ? private float offset =0f;//偏移量
? ? public WaveView(Context context, AttributeSet attrs) {
? ? ? ? super(context, attrs);
? ? ? ? initView();
? ? }

? ? /**
? ? ?* 不斷的更新偏移量，并且循環(huán)。
? ? ?*/
? ? private void updateXControl(){
? ? ? ? //設(shè)置一個波長的偏移
? ? ? ? ValueAnimator mAnimator = ValueAnimator.ofFloat(0,waveWidth);
? ? ? ? mAnimator.setInterpolator(new LinearInterpolator());
? ? ? ? mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {

? ? ? ? ? ? @Override
? ? ? ? ? ? public void onAnimationUpdate(ValueAnimator animation) {
? ? ? ? ? ? ? ? float animatorValue = (float)animation.getAnimatedValue() ;
? ? ? ? ? ? ? ? offset = animatorValue;//不斷的設(shè)置偏移量，并重畫
? ? ? ? ? ? ? ? postInvalidate();
? ? ? ? ? ? }
? ? ? ? });
? ? ? ? mAnimator.setDuration(1000);
? ? ? ? mAnimator.setRepeatCount(ValueAnimator.INFINITE);
? ? ? ? mAnimator.start();
? ? }

? ? @Override
? ? protected void onDraw(Canvas canvas) {
? ? ? ? super.onDraw(canvas);
? ? ? ? canvas.drawPath(getPath(),mPaint);
? ? }
? ? //初始化paint，沒什么可說的。
? ? private void initView(){
? ? ? ? mPaint = new Paint();
? ? ? ? mPaint.setColor(Color.RED);
? ? ? ? mPaint.setStyle(Paint.Style.FILL);

? ? }

? ? @Override
? ? protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
? ? ? ? super.onLayout(changed, left, top, right, bottom);
? ? ? ? width = getMeasuredWidth();//獲取屏幕寬度
? ? ? ? height = getMeasuredHeight();//獲取屏幕高度
? ? ? ? waveWidth = width;
? ? ? ? baseLine = height/2;
? ? ? ? updateXControl();
? ? }

? ? /**
? ? ?* 核心代碼，計(jì)算path
? ? ?* @return
? ? ?*/
? ? private Path ?getPath(){
? ? ? ? int itemWidth = waveWidth/2;//半個波長
? ? ? ? Path mPath = new Path();
? ? ? ? mPath.moveTo(-itemWidth * 3, baseLine);//起始坐標(biāo)
? ? ? ? //核心的代碼就是這里
? ? ? ? for (int i = -3; i < 2; i++) {
? ? ? ? ? ? int startX = i * itemWidth;
? ? ? ? ? ? mPath.quadTo(
? ? ? ? ? ? ? ? ? ? startX + itemWidth/2 + offset,//控制點(diǎn)的X,（起始點(diǎn)X + itemWidth/2 + offset)
? ? ? ? ? ? ? ? ? ? getWaveHeigh( i ),//控制點(diǎn)的Y
? ? ? ? ? ? ? ? ? ? startX + itemWidth + offset,//結(jié)束點(diǎn)的X
? ? ? ? ? ? ? ? ? ? baseLine//結(jié)束點(diǎn)的Y
? ? ? ? ? ? );//只需要處理完半個波長，剩下的有for循環(huán)自已就添加了。
? ? ? ? }
? ? ? ? //下面這三句話很重要，它是形成了一封閉區(qū)間，讓曲線以下的面積填充一種顏色，大家可以把這3句話注釋了看看效果。
? ? ? ? mPath.lineTo(width,height);
? ? ? ? mPath.lineTo(0,height);
? ? ? ? mPath.close();
? ? ? ? return ?mPath;
? ? }
? ? //奇數(shù)峰值是正的，偶數(shù)峰值是負(fù)數(shù)
? ? private int getWaveHeigh(int num){
? ? ? ? if(num % 2 == 0){
? ? ? ? ? ? return baseLine + waveHeight;
? ? ? ? }
? ? ? ? return baseLine - waveHeight;
? ? }
}