目录Demo 双波进度条演示代码（错相双层）关键逻辑解析（错相双层）演示代码（对向双层）关键逻辑解析（对向双层）运行验证扩展复用方向工程下载双波进度条在水波进度条基础上叠加两层波浪——两层波可以同向流动但相位错开（错相双层），也可以反向流动交叉扰动（对向双层）。这种形式比单层水波更有层次感，两层波峰交错或交叉时形成可见的双层纹理，视觉上更丰富。QML 用 Canvas 画两层波形路径，配合NumberAnimation驱动time让两层波持续流动。Demo 双波进度条两种双波进度条同屏排开：错相双层（蓝色，两层同向相位错开）、对向双层（绿色，两层反向交叉），底部一根滑杆统一控制进度。涉及的核心知识点：圆形裁剪限制波形范围水位基线映射进度两层波相位错开 π 的 0.7两层波反向流动交叉两层透明色叠加两层动画速度不同以下演示代码来自qml_progress/Demo_DualWaveBar.qml，为便于阅读，只展示了关键代码。演示代码（错相双层）先看两层波同向、相位错开的结构：FadeInAnimation { ColumnLayout { a