1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
// Copyright (C) 2022 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import QtQuick.Controls
import SceneGraphRendering
Item {
id: root
width: 640
height: 480
SplitView {
anchors.fill: parent
Text {
text: qsTr("Direct")
color: 'white'
SplitView.preferredWidth: root.width/2
Loader {
anchors.fill: parent
sourceComponent: customComponent
}
}
Text {
text: qsTr("Layer")
color: 'white'
SplitView.preferredWidth: root.width/2
Loader {
anchors.fill: parent
sourceComponent: customComponent
onLoaded: item.custom.layer.enabled=true
}
}
}
Text {
id: description
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
anchors.margins: 20
wrapMode: Text.WordWrap
text: qsTr("This example creates a custom QQuickItem backed by a QSGRenderNode in the scene graph. " +
"The render node is placed in front of a red rectangle, and behind a white rectangle. " +
"Rendering is demonstrated directly into the scenegraph, and as a layered, texture-backed item (layer.enabled set to true). " +
"Opacity and rotation transform changes are exercised as well.")
Rectangle {
z:-1
anchors.fill: parent
anchors.margins: -10
color: 'white'
opacity: 0.5
radius: 10
}
}
Component {
id: customComponent
Item {
id: componentRoot
property alias custom: custom
Rectangle {
width: parent.width/5
height: parent.height/5
anchors.centerIn: parent
color: '#ff0000'
}
SequentialAnimation {
running: true
loops: Animation.Infinite
OpacityAnimator {
target: custom
from: 0
to: 1
duration: 3500
}
OpacityAnimator {
target: custom
from: 1
to: 0
duration: 3500
}
}
RotationAnimation {
target: custom
from: 0
to: 360
running: true
loops: Animation.Infinite
duration: 11000
}
Button {
text: qsTr("Toggle custom item visibility")
onClicked: custom.visible = !custom.visible
}
CustomRender {
id: custom
width: Math.min(parent.width, parent.height)
height: width
anchors.centerIn: parent
property real a: width/2
property real b: Math.sqrt(3.0)*a/2;
vertices: [Qt.vector2d(width/2 - a/2, height/2 + b/3),
Qt.vector2d(width/2 + a/2, height/2 + b/3),
Qt.vector2d(width/2, height/2 - b*2/3)]
}
Rectangle {
width: parent.width/10
height: parent.height/10
anchors.centerIn: parent
color: '#ffffff'
}
}
}
}
|
