133 lines
3.5 KiB
QML
133 lines
3.5 KiB
QML
// 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'
|
|
}
|
|
}
|
|
}
|
|
}
|