106 lines
3.7 KiB
QML
106 lines
3.7 KiB
QML
import QtQuick
|
|
import QtQuick.Shapes
|
|
|
|
Item {
|
|
width: 320
|
|
height: 800
|
|
|
|
ListModel {
|
|
id: renderers
|
|
ListElement { renderer: Shape.GeometryRenderer }
|
|
ListElement { renderer: Shape.CurveRenderer }
|
|
}
|
|
|
|
RadialGradient {
|
|
id: radialGradient
|
|
centerX: 80
|
|
centerY: 75
|
|
centerRadius: centerY
|
|
focalX: centerX
|
|
focalY: centerY
|
|
GradientStop { position: 0; color: "black" }
|
|
GradientStop { position: .5; color: "cyan" }
|
|
GradientStop { position: 1; color: "black" }
|
|
}
|
|
|
|
Row {
|
|
Repeater {
|
|
model: renderers
|
|
Column {
|
|
Shape {
|
|
preferredRendererType: renderer
|
|
width: 160
|
|
height: 150
|
|
|
|
ShapePath {
|
|
strokeColor: "transparent"
|
|
fillGradient: LinearGradient {
|
|
y1: 50; y2: 80
|
|
GradientStop { position: 0; color: "black" }
|
|
GradientStop { position: 1; color: "cyan" }
|
|
}
|
|
fillTransform: PlanarTransform.fromAffineMatrix(0.8, 0.2, 0.3, 1.5, 20, -50 + startY)
|
|
|
|
startX: 10; startY: 10
|
|
PathLine { relativeX: 140; relativeY: 0 }
|
|
PathLine { relativeX: 0; relativeY: 100 }
|
|
PathLine { relativeX: -140; relativeY: 0 }
|
|
PathLine { relativeX: 0; relativeY: -100 }
|
|
}
|
|
}
|
|
|
|
Shape {
|
|
preferredRendererType: renderer
|
|
width: 160
|
|
height: 150
|
|
|
|
ShapePath {
|
|
strokeColor: "transparent"
|
|
fillGradient: LinearGradient {
|
|
y1: 50; y2: 80
|
|
GradientStop { position: 0; color: "black" }
|
|
GradientStop { position: 1; color: "cyan" }
|
|
}
|
|
fillTransform: PlanarTransform.fromAffineMatrix(0.8, 0.2, 0.3, 1.5, 20, -50 + startY)
|
|
|
|
startX: 10; startY: 10 + 1 * 140
|
|
PathLine { relativeX: 140; relativeY: 0 }
|
|
PathLine { relativeX: 0; relativeY: 100 }
|
|
PathLine { relativeX: -140; relativeY: 0 }
|
|
PathLine { relativeX: 0; relativeY: -100 }
|
|
}
|
|
}
|
|
|
|
Shape {
|
|
preferredRendererType: renderer
|
|
width: 160
|
|
height: 150
|
|
Timer {
|
|
interval: 100
|
|
running: true
|
|
onTriggered: s.fillGradient = radialGradient
|
|
}
|
|
|
|
ShapePath {
|
|
id: s
|
|
strokeColor: "transparent"
|
|
fillGradient: LinearGradient {
|
|
y1: 50; y2: 80
|
|
GradientStop { position: 0; color: "black" }
|
|
GradientStop { position: 1; color: "cyan" }
|
|
}
|
|
fillTransform: PlanarTransform.fromAffineMatrix(0.8, 0.2, 0.3, 1.5, 20, -50 + startY)
|
|
|
|
|
|
startX: 10; startY: 10 + 2 * 140
|
|
PathLine { relativeX: 140; relativeY: 0 }
|
|
PathLine { relativeX: 0; relativeY: 100 }
|
|
PathLine { relativeX: -140; relativeY: 0 }
|
|
PathLine { relativeX: 0; relativeY: -100 }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|