152 lines
4.4 KiB
QML
152 lines
4.4 KiB
QML
import QtQuick
|
|
import QtQuick.Shapes
|
|
|
|
Rectangle {
|
|
width: 320
|
|
height: 480
|
|
color: "lightgray"
|
|
|
|
ListModel {
|
|
id: renderers
|
|
ListElement { renderer: Shape.GeometryRenderer }
|
|
ListElement { renderer: Shape.CurveRenderer }
|
|
}
|
|
|
|
Row {
|
|
padding: 10
|
|
Repeater {
|
|
model: renderers
|
|
Column {
|
|
spacing: 10
|
|
Shape {
|
|
width: 160
|
|
preferredRendererType: renderer
|
|
|
|
ShapePath {
|
|
fillColor: "transparent"
|
|
strokeColor: "blue"
|
|
strokeWidth: 1
|
|
|
|
PathRectangle {
|
|
x: 20; y: 0
|
|
width: 100; height: 20
|
|
}
|
|
|
|
PathRectangle {
|
|
x: 20.5; y: 30.5
|
|
width: 100; height: 20
|
|
}
|
|
}
|
|
}
|
|
|
|
Shape {
|
|
width: 160
|
|
preferredRendererType: renderer
|
|
|
|
ShapePath {
|
|
fillColor: "yellow"
|
|
strokeColor: "transparent"
|
|
|
|
PathRectangle {
|
|
x: 20; y: 0
|
|
width: 100; height: 20
|
|
}
|
|
|
|
PathRectangle {
|
|
x: 20.5; y: 30.5
|
|
width: 100; height: 20
|
|
}
|
|
}
|
|
}
|
|
|
|
Shape {
|
|
width: 160
|
|
preferredRendererType: renderer
|
|
|
|
ShapePath {
|
|
fillColor: "yellow"
|
|
strokeColor: "green"
|
|
strokeWidth: 5
|
|
joinStyle: ShapePath.RoundJoin
|
|
|
|
PathRectangle {
|
|
x: 20; y: 00
|
|
width: 100; height: 20
|
|
}
|
|
|
|
PathRectangle {
|
|
x: 20; y: 30
|
|
width: 100; height: 20
|
|
radius: 5
|
|
}
|
|
}
|
|
|
|
ShapePath {
|
|
fillColor: "yellow"
|
|
strokeColor: "green"
|
|
strokeWidth: 5
|
|
joinStyle: ShapePath.MiterJoin
|
|
|
|
PathRectangle {
|
|
x: 20; y: 60
|
|
width: 100; height: 20
|
|
}
|
|
|
|
PathRectangle {
|
|
x: 20; y: 90
|
|
width: 100; height: 20
|
|
radius: 5
|
|
}
|
|
|
|
PathRectangle {
|
|
x: 20; y: 120
|
|
width: 100; height: 20
|
|
radius: 50
|
|
}
|
|
|
|
PathRectangle {
|
|
x: 20; y: 150
|
|
width: 100; height: 30
|
|
radius: 10
|
|
topLeftRadius: 50
|
|
bottomRightRadius: 5
|
|
bottomLeftRadius: 0
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: rect
|
|
width: 120
|
|
height: 60
|
|
color: "white"
|
|
border.width: 20
|
|
border.color: "blue"
|
|
topRightRadius: 30
|
|
}
|
|
|
|
Shape {
|
|
width: 160
|
|
preferredRendererType: renderer
|
|
|
|
ShapePath {
|
|
id: myPath
|
|
fillColor: rect.color
|
|
strokeColor: rect.border.color
|
|
strokeWidth: rect.border.width
|
|
joinStyle: ShapePath.MiterJoin
|
|
|
|
PathRectangle {
|
|
width: rect.width
|
|
height: rect.height
|
|
topRightRadius: rect.topRightRadius
|
|
strokeAdjustment: myPath.strokeWidth
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|