Revision control
Copy as Markdown
// Copyright (C) 2022 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QQEMLib 1.0
Item {
id: rootItem
property alias outputEditorView: outputEditorView
property alias effectPreview: effectPreview
function showHelp() {
tabBarViews.currentIndex = 2;
}
function showCodePreview() {
tabBarViews.currentIndex = 1;
}
function renderToImage(filename) {
effectPreview.renderToImage(filename);
}
FpsHelper {
id: fpsHelper
enabled: previewAnimationRunning
}
TabBar {
id: tabBarViews
currentIndex: 0
TabButton {
text: "Preview"
width: 100
}
TabButton {
text: "Code"
width: 100
}
TabButton {
text: "Help"
width: 100
}
}
Rectangle {
anchors.fill: toolbarRow
color: mainView.backgroundColor1
opacity: 0.8
}
Row {
id: toolbarRow
anchors.right: parent.right
anchors.verticalCenter: tabBarViews.verticalCenter
height: tabBarViews.height * 0.8
PlaybackTimeComponent {
id: playbackTimeComponent
}
Item {
width: 10
height: 1
}
CustomIconButton {
id: resetTimeButton
height: parent.height
width: height
icon: "images/icon_restart.png"
description: "Restart time"
onClicked: {
// Reset the time to 0
previewFrameTimer.reset();
playbackTimeComponent.reset();
}
}
CustomIconButton {
id: playPauseButton
height: parent.height
width: height
icon: previewAnimationRunning ? "images/icon_pause.png" : "images/icon_play.png"
description: "Play / Pause time"
onClicked: {
previewAnimationRunning = !previewAnimationRunning;
}
}
}
EffectPreview {
id: effectPreview
anchors.top: tabBarViews.bottom
anchors.bottom: statusBar.top
width: parent.width
FrameAnimation {
id: previewFrameTimer
running: true
paused: !previewAnimationRunning
}
}
EditorView {
id: outputEditorView
anchors.top: tabBarViews.bottom
anchors.bottom: statusBar.top
width: parent.width
editable: false
visible: tabBarViews.currentIndex == 1
}
HelpView {
id: helpView
anchors.top: tabBarViews.bottom
anchors.bottom: statusBar.top
width: parent.width
visible: tabBarViews.currentIndex == 2
}
StatusBar {
id: statusBar
}
}