diff options
Diffstat (limited to 'examples/multimedia/video/qmlvideofx/qml/qmlvideofx/main-smallscreen.qml')
-rw-r--r-- | examples/multimedia/video/qmlvideofx/qml/qmlvideofx/main-smallscreen.qml | 408 |
1 files changed, 408 insertions, 0 deletions
diff --git a/examples/multimedia/video/qmlvideofx/qml/qmlvideofx/main-smallscreen.qml b/examples/multimedia/video/qmlvideofx/qml/qmlvideofx/main-smallscreen.qml new file mode 100644 index 000000000..59a0c994c --- /dev/null +++ b/examples/multimedia/video/qmlvideofx/qml/qmlvideofx/main-smallscreen.qml @@ -0,0 +1,408 @@ +/**************************************************************************** +** +** Copyright (C) 2012 Digia Plc and/or its subsidiary(-ies). +** Contact: http://www.qt-project.org/legal +** +** This file is part of the Qt Mobility Components. +** +** $QT_BEGIN_LICENSE:LGPL$ +** Commercial License Usage +** Licensees holding valid commercial Qt licenses may use this file in +** accordance with the commercial license agreement provided with the +** Software or, alternatively, in accordance with the terms contained in +** a written agreement between you and Digia. For licensing terms and +** conditions see http://qt.digia.com/licensing. For further information +** use the contact form at http://qt.digia.com/contact-us. +** +** GNU Lesser General Public License Usage +** Alternatively, this file may be used under the terms of the GNU Lesser +** General Public License version 2.1 as published by the Free Software +** Foundation and appearing in the file LICENSE.LGPL included in the +** packaging of this file. Please review the following information to +** ensure the GNU Lesser General Public License version 2.1 requirements +** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. +** +** In addition, as a special exception, Digia gives you certain additional +** rights. These rights are described in the Digia Qt LGPL Exception +** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 3.0 as published by the Free Software +** Foundation and appearing in the file LICENSE.GPL included in the +** packaging of this file. Please review the following information to +** ensure the GNU General Public License version 3.0 requirements will be +** met: http://www.gnu.org/copyleft/gpl.html. +** +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +import QtQuick 2.0 + +Rectangle { + id: root + width: 640 + height: 360 + color: "grey" + property string fileName + property alias volume: content.volume + property bool perfMonitorsLogging: false + property bool perfMonitorsVisible: false + + QtObject { + id: d + property bool dialogShown: (fileOpenContainer.state == "shown" || + effectSelectionPanel.state == "shown" || + videoFileBrowser.shown || + imageFileBrowser.shown) + property real gripSize: 40 + } + + // Create ScreenSaver element via Loader, so this app will still run if the + // SystemInfo module is not available + Loader { + source: "DisableScreenSaver.qml" + } + + Loader { + id: performanceLoader + + Connections { + target: d + onDialogShownChanged: + if (performanceLoader.item) + performanceLoader.item.enabled = !d.dialogShown + ignoreUnknownSignals: true + } + + function init() { + console.log("[qmlvideofx] performanceLoader.init logging " + root.perfMonitorsLogging + " visible " + root.perfMonitorsVisible) + var enabled = root.perfMonitorsLogging || root.perfMonitorsVisible + source = enabled ? "../performancemonitor/PerformanceItem.qml" : "" + } + + onLoaded: { + item.parent = root + item.anchors.top = root.top + item.anchors.left = root.left + item.logging = root.perfMonitorsLogging + item.displayed = root.perfMonitorsVisible + item.init() + } + } + + Rectangle { + id: inner + anchors.fill: parent + color: "grey" + + Content { + id: content + anchors.fill: parent + gripSize: d.gripSize + onVideoFramePainted: performanceLoader.item.videoFramePainted() + } + + ParameterPanel { + id: parameterPanel + anchors { + left: parent.left; + right: parent.right; + margins: 10 + } + y: parent.height + gripSize: d.gripSize + + states: [ + State { + name: "shown" + PropertyChanges { + target: parameterPanel + y: parent.height - (parameterPanel.height + 10) + } + } + ] + + transitions: [ + Transition { + from: "*" + to: "*" + NumberAnimation { + properties: "y" + easing.type: Easing.OutQuart + duration: 500 + } + } + ] + + state: (enabled && !d.dialogShown) ? "shown" : "baseState" + } + + EffectSelectionPanel { + id: effectSelectionPanel + anchors { + top: parent.top; + bottom: parameterPanel.top; + margins: 10 + } + x: parent.width + width: parent.width - 40 + opacity: 0.75 + radius: 20 + itemHeight: 50 + + states: [ + State { + name: "shown" + PropertyChanges { + target: effectSelectionPanel + x: 20 + } + } + ] + + transitions: [ + Transition { + from: "*" + to: "*" + NumberAnimation { + properties: "x" + easing.type: Easing.OutQuart + duration: 500 + } + } + ] + + onEffectSourceChanged: { + content.effectSource = effectSource + if (content.effect.parameters.count) { + parameterPanel.model = content.effect.parameters + parameterPanel.enabled = true + } else { + parameterPanel.enabled = false + } + } + + onClicked: state = "baseState" + } + + Rectangle { + id: fileOpenContainer + anchors { + top: parent.top + bottom: parameterPanel.top + margins: 10 + } + x: -width + width: parent.width - 40 + color: "transparent" + + Column { + anchors.fill: parent + + FileOpen { + id: fileOpen + color: "transparent" + width: parent.width + height: 200 + opacity: 0.75 + radius: 20 + buttonHeight: 40 + } + + MouseArea { + width: parent.width + height: 250 + onClicked: fileOpenContainer.state = "baseState" + } + } + + states: [ + State { + name: "shown" + PropertyChanges { + target: fileOpenContainer + x: 20 + } + } + ] + + transitions: [ + Transition { + from: "*" + to: "*" + NumberAnimation { + properties: "x" + easing.type: Easing.OutQuart + duration: 500 + } + } + ] + } + + Rectangle { + id: splashScreen + anchors { + horizontalCenter: parent.horizontalCenter + verticalCenter: parent.verticalCenter + } + width: 300 + height: 200 + radius: 0.1 * height + color: "white" + opacity: 0.9 + border { color: "black"; width: 2 } + + Text { + anchors { + fill: parent + margins: 5 + } + horizontalAlignment: Text.AlignHCenter + verticalAlignment: Text.AlignVCenter + font.pixelSize: 24 + text: "Tap on left side to switch between sources.\n\nTap on right side to switch between effects." + wrapMode: Text.WordWrap + } + + MouseArea { + anchors.fill: parent + onClicked: parent.state = "hidden" + } + + states: [ + State { + name: "hidden" + PropertyChanges { + target: splashScreen + opacity: 0.0 + } + } + ] + + transitions: [ + Transition { + from: "*" + to: "*" + NumberAnimation { + properties: "opacity" + easing.type: Easing.OutQuart + duration: 500 + } + } + ] + } + + HintedMouseArea { + id: fileOpenMouseArea + anchors { + left: parent.left; + top: parent.top; + bottom: parameterPanel.top; + topMargin: 75 + } + width: 100 + onClicked: { + fileOpenMouseArea.hintEnabled = false + effectSelectionPanelMouseArea.hintEnabled = false + splashScreen.state = "hidden" + fileOpenContainer.state = "shown" + } + enabled: !d.dialogShown + } + + HintedMouseArea { + id: effectSelectionPanelMouseArea + anchors { + right: parent.right; + top: parent.top; + bottom: parameterPanel.top; + topMargin: 75 + } + width: 100 + onClicked: { + fileOpenMouseArea.hintEnabled = false + effectSelectionPanelMouseArea.hintEnabled = false + splashScreen.state = "hidden" + effectSelectionPanel.state = "shown" + } + enabled: !d.dialogShown + } + + Image { + source: "qrc:/images/close.png" + + anchors { + top: parent.top + right: parent.right + margins: 5 + } + + MouseArea { + anchors.fill: parent + onClicked: Qt.quit() + } + } + } + + Component.onCompleted: { + fileOpen.openImage.connect(openImage) + fileOpen.openVideo.connect(openVideo) + fileOpen.openCamera.connect(openCamera) + fileOpen.close.connect(close) + } + + FileBrowser { + id: imageFileBrowser + anchors.fill: root + Component.onCompleted: fileSelected.connect(content.openImage) + } + + FileBrowser { + id: videoFileBrowser + anchors.fill: root + Component.onCompleted: fileSelected.connect(content.openVideo) + } + + // Called from main() once root properties have been set + function init() { + console.log("[qmlvideofx] main.init") + imageFileBrowser.folder = imagePath + videoFileBrowser.folder = videoPath + content.init() + performanceLoader.init() + if (fileName != "") { + fileOpenMouseArea.hintEnabled = false + effectSelectionPanelMouseArea.hintEnabled = false + splashScreen.state = "hidden" + content.openVideo(fileName) + } + } + + function qmlFramePainted() { + if (performanceLoader.item) + performanceLoader.item.qmlFramePainted() + } + + function openImage() { + fileOpenContainer.state = "baseState" + imageFileBrowser.show() + } + + function openVideo() { + fileOpenContainer.state = "baseState" + videoFileBrowser.show() + } + + function openCamera() { + fileOpenContainer.state = "baseState" + content.openCamera() + } + + function close() { + fileOpenContainer.state = "baseState" + content.openImage("qrc:/images/qt-logo.png") + } +} |