Qt Quick入门教程(4): QML矩形框控件Rectangle用法

QML提供了矩形控件

Qt Quick入门教程(4): QML矩形框控件Rectangle用法

代码如下:

import QtQuick 2.12
import QtQuick.Window 2.12

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

    Rectangle{
        width: 120
        height: 120
        x:260
        y:180
        //color:"red"
        border.color: "black"
        border.width:3
        radius: 10

        //渐变色
        //渐变色和color属性只能用一个,不然属性会被覆盖
        gradient: Gradient {
                  GradientStop { position: 0.0; color: "lightsteelblue" }
                  GradientStop { position: 1.0; color: "blue" }
              }
    }
}

更多例子可以查看Qt助手

上一篇:保姆级git指令上传代码至github


下一篇:Qt Quick入门教程(1): Qt Quick与QML介绍