QML Gradient 颜色渐变用法

原创已于 2023-01-12 17:12:13 修改 · 1.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

8 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

于 2022-02-23 22:33:47 首次发布

这篇博客详细介绍了如何在Qt5.15.2版本中创建一个矩形，并应用水平渐变效果。通过设置Gradient属性，从lightsteelblue平滑过渡到blue，最后变为black，展示了Qt中的颜色渐变技巧。

测试版本：Qt5.15.2

    Rectangle{
        width: 500
        height: 200

        gradient: Gradient {
            orientation:Gradient.Horizontal    //该属性设置渐变的方向
            GradientStop { position: 0.0; color: "lightsteelblue" }
            GradientStop { position: 0.5; color: "blue" }
            GradientStop { position: 1.0; color: "black" }
        }
    }

标签

#qt #qml