SplitBox中的GroupBox偏移量

Question

使用以下QML代码：

    SplitView {
        orientation: Qt.Vertical

        anchors.fill: parent

        GroupBox {
//            id: inputBox
            title: "First"
            Layout.fillWidth: true

            anchors.top: parent.top

            anchors.topMargin: UI.boxMargin
            anchors.bottomMargin: UI.boxMargin
        }

        GroupBox {
            title: "Second"
            Layout.fillWidth: true

//            x: 15

//            anchors.topMargin: 15//UI.boxMargin
//            anchors.bottomMargin: UI.boxMargin
        }
    }

我已经实现了以下设计：

分离器由两条线组成：较暗的一条和一条打火机。我想在分割器和第二个GroupBox之间添加一些偏移以避免（丑陋的）叠加，但直到现在我都没有成功（注释代码没用）。

Answer 1

将Layout.topMargin添加到第二个GroupBox。例如，

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

    GroupBox {
        title: "First"
        Layout.fillWidth: true
        height: 80
    }
    GroupBox {
        title: "Second"
        Layout.fillWidth: true
        Layout.topMargin: 15
    }
}