Rectangle:圆角矩形、渐变矩形、随机颜色矩形

发布时间:2024年01月19日

import QtQuick

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Rectangle")

    //圆角
    Rectangle {
        id: rect1
        x: 120; y: 10
        width: 100; height: 200;
        border.color: "black"
        border.width: 3
        radius: 10
    }

    //渐变
    Rectangle {
        id: rect2
        x: 230; y: 10
        width: 100; height: 200;

        //position 标记Y轴上的位置,0是顶部,1是底部
        gradient: Gradient {
            GradientStop {position: 0.0; color: "red"}
            GradientStop {position: 1.0; color: "yellow"}
        }
    }

    //可以使用JavaScript创建随机颜色
    Rectangle {
        id: rect3
        x: 10; y: 10
        width: 100; height: 200;
        color: Qt.rgba(Math.random(), Math.random(), Math.random(), 1)
    }
}

?

文章来源:https://blog.csdn.net/weixin_53989417/article/details/135703287
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。