首页 > 其他 > 详细

qml 流式布局--flow

时间:2021-05-16 19:13:48      阅读:17      评论:0      收藏:0      [点我收藏+]
import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.2


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

    Item {
        id: rootItem
        anchors.fill: parent
        // 流式布局
        Flow {
            anchors.left: parent.left
            anchors.right: parent.right
            flow: Flow.LeftToRight
            //flow: Flow.TopToBottom // 从上往下
            Rectangle {
                height: 100
                width: rootItem.width/2
                color: "red"
            }
            Rectangle {
                height: 100
                width: rootItem.width/2
                color: "yellow"
            }
            Rectangle {
                height: 100
                width: rootItem.width/2
                color: "blue"
            }
        }
    }
}

技术分享图片

qml 流式布局--flow

原文:https://www.cnblogs.com/lodger47/p/14774300.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!