没有在ColumnLayout中填充完整的列高

Question

我有一个简单的QML设计，该设计由2个组件并排组成，然后是下面的另一个组件（称为HUD）。平视显示器应填充剩余的高度，但会留出空隙。

如何使HUD填充所有可用宽度。我正在尝试获得第二张图片。

Page {
    width: parent.width
    height: parent.height

    title: qsTr("Home")

    ColumnLayout {
        anchors.fill: parent

        RowLayout {
            Layout.fillWidth: true;

            StatusBar {
                width: parent.width * 0.5;
                height: parent.height * 0.1
                anchors.left: parent.left;
            }

            MenuBar {
                width: parent.width * 0.5;
                height: parent.height * 0.1
                anchors.right: parent.right;
            }
        }

        // The below should fill the remaining height but its not?
        HUD {
            Layout.fillWidth: true;
            Layout.fillHeight: true;
        }

    }
}

Answer 1

将Layout.fillHeight: false添加到您的RowLayout中，您应该会很好。 默认情况下，对于Layouts，Layout.fillHeight和Layout.fillWidth为true。

    RowLayout {
        Layout.fillWidth: true;
        Layout.fillHeight: false;

        StatusBar {
            width: parent.width * 0.5;
            height: parent.height * 0.1
            anchors.left: parent.left;
        }

        MenuBar {
            width: parent.width * 0.5;
            height: parent.height * 0.1
            anchors.right: parent.right;
        }
    }