안 드 로 이 드 단순 물결 무늬 효과 구현

본 고 는 안 드 로 이 드 가 물결 무늬 효 과 를 실현 하 는 구체 적 인 코드 를 공유 하여 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
효과

2.실현 원리
사용자 정의 view,Path 와 베 세 르 곡선 으로 그립 니 다.그리고 계속 새로 고침 하고 X,Y 의 값 을 변경 합 니 다.
주요 지식 포인트 rQuadto 의 사용   
실현
WaveView.java

public class WaveView extends View {
  private Paint mPaint;
  private final Path mPath;
  //  
  private int wavelength = 500;
  private int originY=800;
  private int dx,dy;
 
  public WaveView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    mPaint = new Paint();
    mPath = new Path();
    mPaint.setColor(Color.GREEN);
    mPaint.setStrokeWidth(5);
    mPaint.setStyle(Paint.Style.FILL_AND_STROKE);
//    startanimation();
  }
 
 
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //  path
    mPath.reset();
//      y     
    if(dy<originY+150){
      dy+=10;
    }
 
    int halfWaveLength = wavelength / 2;
    mPath.moveTo(-wavelength + dx, originY-dy);
    //    ，   
    for (int i = -wavelength; i <= getWidth() + wavelength; i += wavelength) {
      /**
       *            （         --            ）
       * float dx1                
       * float dy1
       * float dx2
       * float dy2
       */
      mPath.rQuadTo(halfWaveLength / 2, -150, halfWaveLength, 0);
      mPath.rQuadTo(halfWaveLength / 2, 150, halfWaveLength, 0);
 
    }
    //    
    //        
    mPath.lineTo(getWidth(), getHeight());
    mPath.lineTo(0, getHeight());
    mPath.close();
    canvas.drawPath(mPath, mPaint);
//    //       
//    path.moveTo(100,400);
//    //       1
//    path.quadTo(250,200,400,400);
//    //       2
//    path.quadTo(550,600,700,400);
//    //    （        ）
//    path.close();
//    path.moveTo(100,700);
//    path.cubicTo(50,500,550,500,700,700);
 
  }
 
  public void startanimation() {
    ValueAnimator animator = ValueAnimator.ofInt(0, wavelength);
    animator.setDuration(1000);
    animator.setInterpolator(new LinearInterpolator());
    //    
    animator.setRepeatCount(ValueAnimator.INFINITE);
    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
      @Override
      public void onAnimationUpdate(ValueAnimator animation) {
        dx = (int) animation.getAnimatedValue();
        postInvalidate();
      }
    });
    animator.start();
  }
}

마지막 으로 이 걸 컨트롤 로 사용 하면 됩 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.