SplitView 中 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
    }
}