QT快速矩形控制边框显示什么?

QT快速矩形控制边框显示什么?,qt,qml,qt-quick,qtquick2,Qt,Qml,Qt Quick,Qtquick2,如何使用QtQuick 2绘制矩形并控制它是显示左边框还是右边框,还是同时显示左边框还是右边框?矩形中有一个border属性,允许您向元素添加边框。问题是,您不能仅显示它的左边框或右边框。为此,您必须在矩形中添加额外的元素来表示边框 Rectangle { width: 100 height: 200 color: "blue" Rectangle { id: borderLeft width: 1 height:

如何使用QtQuick 2绘制矩形并控制它是显示左边框还是右边框,还是同时显示左边框还是右边框?

矩形中有一个
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"
    }
}