甚至在SplitView中初始分配空间

时间:2016-08-28 04:22:55

标签: qt qml qtquickcontrols

我正在使用SplitView编写QML应用。我希望初始空间在项目之间均匀分布,而是一个项目占用所有空间。

enter image description here

import QtQuick 2.7
import QtQuick.Layouts 1.3
import QtQuick.Controls 1.4

ApplicationWindow {
    id:window; visible:true
    width:500; height:300
    title:'Borked Layouts'

    SplitView {
        orientation:Qt.Horizontal
        anchors.fill:parent
        Rectangle { color:'red'
            Layout.minimumWidth:50; Layout.fillWidth:true
            Layout.preferredWidth:window.width/2
        }
        SplitView {
            orientation:Qt.Vertical
            Layout.minimumWidth:50
            Layout.preferredWidth:window.width/2
            Rectangle { color:'green'
                Layout.minimumHeight:50; Layout.fillWidth:true
            }
            Rectangle { color:'blue'
                Layout.minimumHeight:50; Layout.fillWidth:true
            }
        }
    }
}

我可以在空格之间拖动分隔符以实现我想要的分布,并且遵循最小尺寸。但是如何才能在项目之间共享初始分发?

enter image description here

1 个答案:

答案 0 :(得分:4)

我之前从未使用SplitView,所以这对我来说很惊讶,但在查看bugreports.qt.io类似问题后,我看到了this

  

SplitView实际上不是一个布局,因此我们不支持在附加的Layout属性中找到的所有属性。使用SplitView时,只需在项目上直接设置宽度和高度。

这种情况与Layout一般用法有冲突,所以我不确定为什么会这样,但我想这是有充分理由的。

所以,你可以这样做:

import QtQuick 2.7
import QtQuick.Layouts 1.3
import QtQuick.Controls 1.4

ApplicationWindow {
    id: window
    visible: true
    width: 500
    height: 300

    SplitView {
        orientation: Qt.Horizontal
        anchors.fill: parent

        Rectangle {
            color: 'red'
            width: window.width / 2
        }
        SplitView {
            orientation: Qt.Vertical
            Layout.minimumWidth: 50

            Rectangle {
                color: 'green'
                Layout.minimumHeight: 50
                Layout.fillWidth: true
            }
            Rectangle {
                color: 'blue'
                Layout.minimumHeight: 50
                Layout.fillWidth: true
            }
        }
    }
}