QML 设置矩形部分圆角 - 如何只设置两个圆角
在QML中,可以使用属性'radius'来设置一个矩形的四个圆角的半径大小。如果要设置其中两个圆角,可以在QML中使用一个Shape对象来创建一个具有两个圆角的矩形。以下是一个示例代码:
import QtQuick 2.0
Rectangle {
width: 100
height: 100
color: 'red'
Shape {
anchors.fill: parent
ShapePath {
strokeWidth: 0
fillColor: 'white'
startX: parent.width
startY: parent.height / 2
PathArc {
x: parent.width / 2
y: parent.height / 2
radiusX: parent.width / 2
radiusY: parent.height / 2
useLargeArc: true
sweep: 180
}
Line { x: 0; y: parent.height }
Line { x: parent.width; y: parent.height }
PathArc {
x: parent.width / 2
y: parent.height / 2
radiusX: parent.width / 2
radiusY: parent.height / 2
useLargeArc: true
sweep: -180
}
}
}
}
在上面的代码中,我们使用了一个Shape对象来创建一个具有两个圆角的矩形。我们使用ShapePath对象来定义矩形的形状,其中我们定义了两个PathArc对象来创建两个圆角。第一个PathArc对象定义了右上角的圆角,第二个PathArc对象定义了左下角的圆角。我们还定义了两条线来连接两个圆角。最后,我们将Shape对象的anchors.fill属性设置为父元素,以便它填充整个矩形。
原文地址: https://www.cveoy.top/t/topic/g280 著作权归作者所有。请勿转载和采集!