如何使用Android Canvas创建一个“wave”风格的布局

<com.example.WaveView
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

public class WaveView extends View {
    
    private Paint wavePaint;
    private Path wavePath;
    
    public WaveView(Context context) {
        super(context);
        init();
    }
    
    public WaveView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    
    private void init() {
        wavePaint = new Paint();
        wavePaint.setColor(Color.BLUE);
        wavePaint.setStyle(Paint.Style.FILL);
        
        wavePath = new Path();
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        
        int width = getWidth();
        int height = getHeight();
        
        // 绘制波浪路径
        wavePath.reset();
        wavePath.moveTo(0, height / 2);
        for (int i = 0; i <= width; i++) {
            float x = i;
            float y = (float) (height / 2 + Math.sin(i * 2 * Math.PI / width) * height / 4);
            wavePath.lineTo(x, y);
        }
        wavePath.lineTo(width, height);
        wavePath.lineTo(0, height);
        wavePath.close();
        
        // 绘制波浪
        canvas.drawPath(wavePath, wavePaint);
    }
}

public class MainActivity extends AppCompatActivity {
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}