qml练习：绘制波浪

最新推荐文章于 2025-10-06 09:47:59 发布

原创

最新推荐文章于 2025-10-06 09:47:59 发布 · 651 阅读

1 ·

CC 4.0 BY-SA版权

这篇博客展示了如何利用QML（Qt Quick）来创建一个动态的波浪图形效果。通过代码实现，详细介绍了绘制过程和技术要点。

效果如下：

在这里插入图片描述
代码如下：

import QtQuick 2.0
import QtQuick.Controls 2.0

Rectangle {
   
   
    visible: true
    width: 600
    height: 600
    Canvas{
   
   
        id:canvas
        width: 300
        height: 300
        anchors.centerIn: parent
        property int j: 0
        onPaint: {
   
   
            var ctx = getContext