QtQuick 矩形控件显示什么边框？

Question

如何使用 QtQuick 2 绘制矩形并控制它是否显示左边框或右边框或两者？

Answer 1

Rectangle 中有一个 border 属性，允许您向元素添加边框。问题是你不能只显示左边框或右边框。为此，您必须在矩形中添加额外的元素来表示边框。

Rectangle {
    width: 100
    height: 200
    color: "blue"

    Rectangle {
        id: borderLeft
        width: 1
        height: parent.height
        anchors.left: parent.left
        color: "red"
    }

    Rectangle {
        id: borderRight
        width: 1
        height: parent.height
        anchors.right: parent.right
        color: "red"
    }
}