关闭

QML RowLayout

标签: qtqml
661人阅读 评论(0) 收藏 举报
分类:
import QtQuick 2.4
import QtQuick.Window 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import QtQuick.Layouts 1.1
Window {
    visible: true  //window必须要设置visible属性 不然就不 显示(重点)
    title:"RowLayout--涵涵"
    RowLayout {
        id: layout
        anchors.fill: parent
        spacing: 6
        Rectangle {
            color: 'teal'
            Layout.fillWidth: true
            /****fillWidth设置为true
                宽度就会在最小值和最大值之间变化,否则就是preferredwidth
                fillHeight同理
            ******/
            Layout.minimumWidth: 50
            Layout.preferredWidth: 100
            Layout.maximumWidth: 300
            Layout.minimumHeight: 150

            Text {
                anchors.centerIn: parent
                text: parent.width + 'x' + parent.height
            }
        }
        Rectangle {
            color: 'plum'
            Layout.fillWidth: true
            Layout.minimumWidth: 100
            Layout.preferredWidth: 200
            Layout.preferredHeight: 100
            Text {
                anchors.centerIn: parent
                text: parent.width + 'x' + parent.height
            }
        }
    }

}

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:250243次
    • 积分:5324
    • 等级:
    • 排名:第5668名
    • 原创:291篇
    • 转载:32篇
    • 译文:0篇
    • 评论:31条
    博客专栏
    最新评论