50 lines
1.4 KiB
QML
50 lines
1.4 KiB
QML
// An outline drawn as four opaque strips rather than a Rectangle border.
|
|
//
|
|
// A rounded Rectangle with a translucent fill and a border renders holes at the
|
|
// corners on this Qt build (QTBUG-137166), and every outline in the capture
|
|
// overlay sits on top of a photo where that would be very visible. Four plain
|
|
// strips have no corners to get wrong.
|
|
|
|
import QtQuick
|
|
import qs.config
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property color strokeColor: Theme.accent
|
|
property int strokeWidth: 2
|
|
// Optional wash over the enclosed area, drawn under the strips.
|
|
property color fillColor: "transparent"
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: root.fillColor
|
|
border.width: 0
|
|
}
|
|
|
|
Rectangle {
|
|
anchors { left: parent.left; right: parent.right; top: parent.top }
|
|
height: root.strokeWidth
|
|
color: root.strokeColor
|
|
border.width: 0
|
|
}
|
|
Rectangle {
|
|
anchors { left: parent.left; right: parent.right; bottom: parent.bottom }
|
|
height: root.strokeWidth
|
|
color: root.strokeColor
|
|
border.width: 0
|
|
}
|
|
Rectangle {
|
|
anchors { top: parent.top; bottom: parent.bottom; left: parent.left }
|
|
width: root.strokeWidth
|
|
color: root.strokeColor
|
|
border.width: 0
|
|
}
|
|
Rectangle {
|
|
anchors { top: parent.top; bottom: parent.bottom; right: parent.right }
|
|
width: root.strokeWidth
|
|
color: root.strokeColor
|
|
border.width: 0
|
|
}
|
|
}
|