Rework qmlvideofx example
Task-number: QTBUG-38121 Change-Id: If06ba6ce2c66b4d735baaeb56e004861c62ea533 Reviewed-by: Alessandro Portale <alessandro.portale@digia.com>
This commit is contained in:
Niels Weber
committed by
The Qt Project
The Qt Project
parent
af73d55eff
commit
4c8284de46
@@ -43,29 +43,33 @@ import QtQuick 2.0
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
color: textColor
|
||||
radius: 0.25 * height
|
||||
color: "transparent"
|
||||
height: itemHeight
|
||||
width: itemWidth
|
||||
|
||||
property string text
|
||||
property color bgColor: "white"
|
||||
property color bgColorSelected: "red"
|
||||
property color textColor: "black"
|
||||
property color bgColor: "transparent"
|
||||
property color bgColorSelected: "#14aaff"
|
||||
property color textColor: "white"
|
||||
property alias enabled: mouseArea.enabled
|
||||
property bool active: true
|
||||
property alias horizontalAlign: text.horizontalAlignment
|
||||
|
||||
signal clicked
|
||||
|
||||
Rectangle {
|
||||
anchors { fill: parent; margins: 1 }
|
||||
color: mouseArea.pressed ? bgColorSelected : bgColor
|
||||
radius: 0.25 * height
|
||||
radius: 0.1 * height
|
||||
|
||||
Text {
|
||||
id: text
|
||||
anchors.centerIn: parent
|
||||
clip: true
|
||||
text: root.text
|
||||
font.pixelSize: 0.5 * parent.height
|
||||
anchors { fill: parent; margins: scaledMargin }
|
||||
font.pixelSize: fontSize
|
||||
color: mouseArea.pressed ? bgColor : textColor
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
horizontalAlignment: Text.AlignLeft
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
}
|
||||
|
||||
@@ -75,6 +79,7 @@ Rectangle {
|
||||
onClicked: {
|
||||
root.clicked()
|
||||
}
|
||||
enabled: active
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -39,11 +39,10 @@
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import QtQuick 2.1
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
color: "black"
|
||||
property alias effect: effectLoader.item
|
||||
property alias gripSize: divider.gripSize
|
||||
property string effectSource
|
||||
|
||||
@@ -39,7 +39,7 @@
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import QtQuick 2.1
|
||||
|
||||
Image {
|
||||
fillMode: Image.PreserveAspectFit
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
|
||||
** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
|
||||
** Contact: http://www.qt-project.org/legal
|
||||
**
|
||||
** This file is part of the Qt Mobility Components.
|
||||
@@ -39,13 +39,14 @@
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import QtQuick 2.1
|
||||
import QtMultimedia 5.0
|
||||
|
||||
VideoOutput {
|
||||
source: mediaPlayer
|
||||
property alias mediaSource: mediaPlayer.source
|
||||
property alias volume: mediaPlayer.volume
|
||||
property bool isRunning: true
|
||||
|
||||
MediaPlayer {
|
||||
id: mediaPlayer
|
||||
@@ -55,5 +56,21 @@ VideoOutput {
|
||||
}
|
||||
|
||||
function play() { mediaPlayer.play() }
|
||||
function pause() { mediaPlayer.pause() }
|
||||
function stop() { mediaPlayer.stop() }
|
||||
|
||||
function toggleplay() {
|
||||
if (isRunning) {
|
||||
pause()
|
||||
isRunning = false
|
||||
} else {
|
||||
play()
|
||||
isRunning = true
|
||||
}
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: toggleplay()
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
|
||||
** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
|
||||
** Contact: http://www.qt-project.org/legal
|
||||
**
|
||||
** This file is part of the Qt Mobility Components.
|
||||
@@ -41,16 +41,54 @@
|
||||
|
||||
import QtQuick 2.0
|
||||
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "threshold"
|
||||
value: 0.5
|
||||
Rectangle {
|
||||
id: root
|
||||
color: "transparent"
|
||||
radius: 5
|
||||
property alias value: grip.value
|
||||
property color gripColor: "transparent"
|
||||
property real gripSize: 20
|
||||
property real gripTolerance: 3.0
|
||||
property real increment: 0.1
|
||||
property bool enabled: true
|
||||
property string imageSource: "qrc:/images/Triangle_Top.png"
|
||||
|
||||
Rectangle {
|
||||
id: grip
|
||||
property real value: 0.5
|
||||
x: (value * parent.width) - width/2
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
width: root.gripTolerance * root.gripSize
|
||||
height: width
|
||||
radius: width/2
|
||||
color: "transparent"
|
||||
|
||||
Image {
|
||||
id: sliderhandleimage
|
||||
source: imageSource
|
||||
anchors.centerIn: parent
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
id: mouseArea
|
||||
enabled: root.enabled
|
||||
anchors.fill: parent
|
||||
drag {
|
||||
target: grip
|
||||
axis: Drag.XAxis
|
||||
minimumX: -parent.width/2
|
||||
maximumX: root.width - parent.width/2
|
||||
}
|
||||
onPositionChanged: {
|
||||
if (drag.active)
|
||||
updatePosition()
|
||||
}
|
||||
onReleased: {
|
||||
updatePosition()
|
||||
}
|
||||
function updatePosition() {
|
||||
value = (grip.x + grip.width/2) / grip.parent.width
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Transform slider values, and bind result to shader uniforms
|
||||
property real weight: parameters.get(0).value
|
||||
|
||||
fragmentShaderFilename: "sobeledgedetection2.fsh"
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
|
||||
** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
|
||||
** Contact: http://www.qt-project.org/legal
|
||||
**
|
||||
** This file is part of the Qt Mobility Components.
|
||||
@@ -39,7 +39,7 @@
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import QtQuick 2.1
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
@@ -53,21 +53,34 @@ Rectangle {
|
||||
id: line
|
||||
anchors { top: parent.top; bottom: parent.bottom }
|
||||
x: parent.value * parent.width - (width / 2)
|
||||
width: 2
|
||||
color: "red"
|
||||
width: 4
|
||||
color: "#14aaff"
|
||||
}
|
||||
|
||||
Slider {
|
||||
// topgrip
|
||||
Curtain {
|
||||
id: slider
|
||||
increment: 0.0
|
||||
lineColor: "transparent"
|
||||
fillColor: "transparent"
|
||||
gripColor: "red"
|
||||
anchors {
|
||||
top: parent.top
|
||||
topMargin: gripSize / 2
|
||||
topMargin: (gripSize / 2) + 5
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
}
|
||||
onValueChanged: slider2.value = slider.value
|
||||
}
|
||||
|
||||
// bottomgrip
|
||||
Curtain {
|
||||
id: slider2
|
||||
increment: 0.0
|
||||
anchors {
|
||||
bottom: parent.bottom
|
||||
bottomMargin: (gripSize / 2) + 5
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
}
|
||||
imageSource: "qrc:/images/Triangle_bottom.png"
|
||||
onValueChanged: slider.value = slider2.value
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "grid spacing"
|
||||
name: "Grid Spacing"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "threshold"
|
||||
name: "Threshold"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,7 +49,7 @@ Item {
|
||||
property real dividerValue: 0.5
|
||||
property ListModel parameters: ListModel {
|
||||
ListElement {
|
||||
name: "radius"
|
||||
name: "Radius"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,11 +44,11 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "hue"
|
||||
name: "Hue"
|
||||
value: 0.5
|
||||
}
|
||||
ListElement {
|
||||
name: "width"
|
||||
name: "Width"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -46,11 +46,11 @@ Effect {
|
||||
divider: false
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "radius"
|
||||
name: "Radius"
|
||||
value: 0.5
|
||||
}
|
||||
ListElement {
|
||||
name: "diffraction"
|
||||
name: "Diffraction"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@ Effect {
|
||||
divider: false
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "extent"
|
||||
name: "Extent"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "granularity"
|
||||
name: "Granularity"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "gamma"
|
||||
name: "Gamma"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,11 +44,11 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "amplitude"
|
||||
name: "Amplitude"
|
||||
value: 0.5
|
||||
}
|
||||
ListElement {
|
||||
name: "frequency"
|
||||
name: "Frequency"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,67 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2014 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
|
||||
|
||||
ListModel {
|
||||
id: sources
|
||||
ListElement { name: "No effect"; source: "EffectPassThrough.qml" }
|
||||
ListElement { name: "Billboard"; source: "EffectBillboard.qml" }
|
||||
ListElement { name: "Black & white"; source: "EffectBlackAndWhite.qml" }
|
||||
ListElement { name: "Blur"; source: "EffectGaussianBlur.qml" }
|
||||
ListElement { name: "Edge detection"; source: "EffectSobelEdgeDetection1.qml" }
|
||||
ListElement { name: "Emboss"; source: "EffectEmboss.qml" }
|
||||
ListElement { name: "Glow"; source: "EffectGlow.qml" }
|
||||
ListElement { name: "Isolate"; source: "EffectIsolate.qml" }
|
||||
//ListElement { name: "Magnify"; source: "EffectMagnify.qml" }
|
||||
ListElement { name: "Page curl"; source: "EffectPageCurl.qml" }
|
||||
ListElement { name: "Pixelate"; source: "EffectPixelate.qml" }
|
||||
ListElement { name: "Posterize"; source: "EffectPosterize.qml" }
|
||||
ListElement { name: "Ripple"; source: "EffectRipple.qml" }
|
||||
ListElement { name: "Sepia"; source: "EffectSepia.qml" }
|
||||
ListElement { name: "Sharpen"; source: "EffectSharpen.qml" }
|
||||
ListElement { name: "Shockwave"; source: "EffectShockwave.qml" }
|
||||
ListElement { name: "Tilt shift"; source: "EffectTiltShift.qml" }
|
||||
ListElement { name: "Toon"; source: "EffectToon.qml" }
|
||||
ListElement { name: "Warhol"; source: "EffectWarhol.qml" }
|
||||
ListElement { name: "Wobble"; source: "EffectWobble.qml" }
|
||||
ListElement { name: "Vignette"; source: "EffectVignette.qml" }
|
||||
}
|
||||
@@ -1,154 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 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
|
||||
property int itemHeight: 25
|
||||
property string effectSource: ""
|
||||
|
||||
signal clicked
|
||||
|
||||
QtObject {
|
||||
id: d
|
||||
property Item selectedItem
|
||||
}
|
||||
|
||||
ListModel {
|
||||
id: sources
|
||||
ListElement { name: "No effect"; source: "EffectPassThrough.qml" }
|
||||
ListElement { name: "Billboard"; source: "EffectBillboard.qml" }
|
||||
ListElement { name: "Black & white"; source: "EffectBlackAndWhite.qml" }
|
||||
ListElement { name: "Blur"; source: "EffectGaussianBlur.qml" }
|
||||
ListElement { name: "Edge detection"; source: "EffectSobelEdgeDetection1.qml" }
|
||||
//ListElement { name: "Edge detection (Sobel, #2)"; source: "EffectSobelEdgeDetection2.qml" }
|
||||
ListElement { name: "Emboss"; source: "EffectEmboss.qml" }
|
||||
ListElement { name: "Glow"; source: "EffectGlow.qml" }
|
||||
ListElement { name: "Isolate"; source: "EffectIsolate.qml" }
|
||||
ListElement { name: "Magnify"; source: "EffectMagnify.qml" }
|
||||
ListElement { name: "Page curl"; source: "EffectPageCurl.qml" }
|
||||
ListElement { name: "Pixelate"; source: "EffectPixelate.qml" }
|
||||
ListElement { name: "Posterize"; source: "EffectPosterize.qml" }
|
||||
ListElement { name: "Ripple"; source: "EffectRipple.qml" }
|
||||
ListElement { name: "Sepia"; source: "EffectSepia.qml" }
|
||||
ListElement { name: "Sharpen"; source: "EffectSharpen.qml" }
|
||||
ListElement { name: "Shockwave"; source: "EffectShockwave.qml" }
|
||||
ListElement { name: "Tilt shift"; source: "EffectTiltShift.qml" }
|
||||
ListElement { name: "Toon"; source: "EffectToon.qml" }
|
||||
ListElement { name: "Warhol"; source: "EffectWarhol.qml" }
|
||||
ListElement { name: "Wobble"; source: "EffectWobble.qml" }
|
||||
ListElement { name: "Vignette"; source: "EffectVignette.qml" }
|
||||
}
|
||||
|
||||
Component {
|
||||
id: sourceDelegate
|
||||
Item {
|
||||
id: sourceDelegateItem
|
||||
width: root.width
|
||||
height: itemHeight
|
||||
|
||||
Button {
|
||||
id: sourceSelectorItem
|
||||
anchors.centerIn: parent
|
||||
width: 0.9 * parent.width
|
||||
height: 0.8 * itemHeight
|
||||
text: name
|
||||
onClicked: {
|
||||
if (d.selectedItem)
|
||||
d.selectedItem.state = "baseState"
|
||||
d.selectedItem = sourceDelegateItem
|
||||
d.selectedItem.state = "selected"
|
||||
effectSource = source
|
||||
root.clicked()
|
||||
}
|
||||
}
|
||||
|
||||
states: [
|
||||
State {
|
||||
name: "selected"
|
||||
PropertyChanges {
|
||||
target: sourceSelectorItem
|
||||
bgColor: "#ff8888"
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
Component.onCompleted: {
|
||||
if (name == "No effect") {
|
||||
state = "selected"
|
||||
d.selectedItem = sourceDelegateItem
|
||||
}
|
||||
}
|
||||
|
||||
transitions: [
|
||||
Transition {
|
||||
from: "*"
|
||||
to: "*"
|
||||
ColorAnimation {
|
||||
properties: "color"
|
||||
easing.type: Easing.OutQuart
|
||||
duration: 500
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
Flickable {
|
||||
anchors.fill: parent
|
||||
contentHeight: (itemHeight * sources.count) + layout.anchors.topMargin + layout.spacing
|
||||
clip: true
|
||||
|
||||
Column {
|
||||
id: layout
|
||||
|
||||
anchors {
|
||||
fill: parent
|
||||
topMargin: 10
|
||||
}
|
||||
|
||||
Repeater {
|
||||
model: sources
|
||||
delegate: sourceDelegate
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "sharpness"
|
||||
name: "Sharpness"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@ Effect {
|
||||
id: root
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "amplitude"
|
||||
name: "Amplitude"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "threshold"
|
||||
name: "Threshold"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "threshold"
|
||||
name: "Threshold"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,7 +44,7 @@ import QtQuick 2.0
|
||||
Effect {
|
||||
parameters: ListModel {
|
||||
ListElement {
|
||||
name: "amplitude"
|
||||
name: "Amplitude"
|
||||
value: 0.5
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
|
||||
** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
|
||||
** Contact: http://www.qt-project.org/legal
|
||||
**
|
||||
** This file is part of the Qt Mobility Components.
|
||||
@@ -39,12 +39,13 @@
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import Qt.labs.folderlistmodel 2.0
|
||||
import QtQuick 2.1
|
||||
import Qt.labs.folderlistmodel 2.1
|
||||
|
||||
Rectangle {
|
||||
id: fileBrowser
|
||||
color: "transparent"
|
||||
z: 4
|
||||
|
||||
property string folder
|
||||
property bool shown: loader.sourceComponent
|
||||
@@ -75,12 +76,12 @@ Rectangle {
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
color: "white"
|
||||
color: "black"
|
||||
property bool showFocusHighlight: false
|
||||
property variant folders: folders1
|
||||
property variant view: view1
|
||||
property alias folder: folders1.folder
|
||||
property color textColor: "black"
|
||||
property color textColor: "white"
|
||||
|
||||
FolderListModel {
|
||||
id: folders1
|
||||
@@ -112,7 +113,7 @@ Rectangle {
|
||||
fileBrowser.selectFile(path)
|
||||
}
|
||||
width: root.width
|
||||
height: 52
|
||||
height: itemHeight
|
||||
color: "transparent"
|
||||
|
||||
Rectangle {
|
||||
@@ -126,10 +127,12 @@ Rectangle {
|
||||
}
|
||||
|
||||
Item {
|
||||
width: 48; height: 48
|
||||
width: itemHeight; height: itemHeight
|
||||
Image {
|
||||
source: "qrc:/images/folder.png"
|
||||
anchors.centerIn: parent
|
||||
source: "qrc:/images/icon_Folder.png"
|
||||
fillMode: Image.PreserveAspectFit
|
||||
anchors.fill: parent
|
||||
anchors.margins: scaledMargin
|
||||
visible: folders.isFolder(index)
|
||||
}
|
||||
}
|
||||
@@ -138,8 +141,8 @@ Rectangle {
|
||||
id: nameText
|
||||
anchors.fill: parent; verticalAlignment: Text.AlignVCenter
|
||||
text: fileName
|
||||
anchors.leftMargin: 54
|
||||
font.pixelSize: 32
|
||||
anchors.leftMargin: itemHeight + scaledMargin
|
||||
font.pixelSize: fontSize
|
||||
color: (wrapper.ListView.isCurrentItem && root.showFocusHighlight) ? palette.highlightedText : textColor
|
||||
elide: Text.ElideRight
|
||||
}
|
||||
@@ -262,56 +265,45 @@ Rectangle {
|
||||
Keys.onPressed: root.keyPressed(event.key)
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
Button {
|
||||
id: cancelButton
|
||||
width: 100
|
||||
height: titleBar.height - 7
|
||||
color: "black"
|
||||
anchors { bottom: parent.bottom; horizontalCenter: parent.horizontalCenter }
|
||||
|
||||
Text {
|
||||
anchors { fill: parent; margins: 4 }
|
||||
text: "Cancel"
|
||||
color: "white"
|
||||
horizontalAlignment: Text.AlignHCenter
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
font.pixelSize: 20
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: fileBrowser.selectFile("")
|
||||
}
|
||||
width: itemWidth
|
||||
height: itemHeight
|
||||
color: "#353535"
|
||||
anchors { bottom: parent.bottom; right: parent.right; margins: 5 * scaledMargin }
|
||||
text: "Cancel"
|
||||
horizontalAlign: Text.AlignHCenter
|
||||
onClicked: fileBrowser.selectFile("")
|
||||
}
|
||||
|
||||
Keys.onPressed: {
|
||||
root.keyPressed(event.key);
|
||||
if (event.key == Qt.Key_Return || event.key == Qt.Key_Select || event.key == Qt.Key_Right) {
|
||||
if (event.key === Qt.Key_Return || event.key === Qt.Key_Select || event.key === Qt.Key_Right) {
|
||||
view.currentItem.launch();
|
||||
event.accepted = true;
|
||||
} else if (event.key == Qt.Key_Left) {
|
||||
} else if (event.key === Qt.Key_Left) {
|
||||
up();
|
||||
}
|
||||
}
|
||||
|
||||
BorderImage {
|
||||
source: "qrc:/images/titlebar.sci";
|
||||
// titlebar
|
||||
Rectangle {
|
||||
color: "black"
|
||||
width: parent.width;
|
||||
height: 52
|
||||
y: -7
|
||||
height: itemHeight
|
||||
id: titleBar
|
||||
|
||||
Rectangle {
|
||||
id: upButton
|
||||
width: 48
|
||||
height: titleBar.height - 7
|
||||
width: titleBar.height
|
||||
height: titleBar.height
|
||||
color: "transparent"
|
||||
Image { anchors.centerIn: parent; source: "qrc:/images/up.png" }
|
||||
MouseArea { id: upRegion; anchors.centerIn: parent
|
||||
width: 56
|
||||
height: 56
|
||||
onClicked: up()
|
||||
}
|
||||
anchors.left: parent.left
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
anchors.margins: scaledMargin
|
||||
|
||||
Image { anchors.fill: parent; anchors.margins: scaledMargin; source: "qrc:/images/icon_BackArrow.png" }
|
||||
MouseArea { id: upRegion; anchors.fill: parent; onClicked: up() }
|
||||
states: [
|
||||
State {
|
||||
name: "pressed"
|
||||
@@ -321,23 +313,23 @@ Rectangle {
|
||||
]
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
color: "gray"
|
||||
x: 48
|
||||
width: 1
|
||||
height: 44
|
||||
}
|
||||
|
||||
Text {
|
||||
anchors.left: upButton.right; anchors.right: parent.right; height: parent.height
|
||||
anchors.leftMargin: 4; anchors.rightMargin: 4
|
||||
anchors.leftMargin: 10; anchors.rightMargin: 4
|
||||
text: folders.folder
|
||||
color: "white"
|
||||
elide: Text.ElideLeft; horizontalAlignment: Text.AlignRight; verticalAlignment: Text.AlignVCenter
|
||||
font.pixelSize: 32
|
||||
elide: Text.ElideLeft; horizontalAlignment: Text.AlignLeft; verticalAlignment: Text.AlignVCenter
|
||||
font.pixelSize: fontSize
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
color: "#353535"
|
||||
width: parent.width
|
||||
height: 1
|
||||
anchors.top: titleBar.bottom
|
||||
}
|
||||
|
||||
function down(path) {
|
||||
if (folders == folders1) {
|
||||
view = view2
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
|
||||
** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
|
||||
** Contact: http://www.qt-project.org/legal
|
||||
**
|
||||
** This file is part of the Qt Mobility Components.
|
||||
@@ -39,56 +39,95 @@
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import QtQuick 2.1
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
color: "white"
|
||||
property int buttonHeight: 35
|
||||
property int topMargin: 0
|
||||
|
||||
color: "#151515"
|
||||
signal openCamera
|
||||
signal openImage
|
||||
signal openVideo
|
||||
signal openCamera
|
||||
signal close
|
||||
|
||||
Rectangle {
|
||||
anchors {
|
||||
top: parent.top;
|
||||
topMargin: root.topMargin
|
||||
bottom: parent.bottom;
|
||||
horizontalCenter: parent.horizontalCenter
|
||||
Column {
|
||||
anchors.fill: parent
|
||||
spacing: 10
|
||||
Rectangle {
|
||||
height: itemHeight
|
||||
width: itemHeight
|
||||
color: "transparent"
|
||||
anchors.right: parent.right
|
||||
Image {
|
||||
id: menu
|
||||
source: "qrc:///images/icon_Menu.png"
|
||||
anchors {
|
||||
right: parent.right
|
||||
top: parent.top
|
||||
margins: scaledMargin
|
||||
}
|
||||
}
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: fileOpen.state == "expanded" ? fileOpen.state = "collapsed" : fileOpen.state = "expanded"
|
||||
}
|
||||
}
|
||||
width: 0.9 * parent.width
|
||||
color: "transparent"
|
||||
|
||||
Column {
|
||||
anchors.fill: parent
|
||||
spacing: 5
|
||||
Button {
|
||||
text: "Open image"
|
||||
height: buttonHeight
|
||||
width: parent.width
|
||||
onClicked: root.openImage()
|
||||
}
|
||||
Button {
|
||||
text: "Open video"
|
||||
height: buttonHeight
|
||||
width: parent.width
|
||||
onClicked: root.openVideo()
|
||||
}
|
||||
Button {
|
||||
text: "Start camera"
|
||||
height: buttonHeight
|
||||
width: parent.width
|
||||
onClicked: root.openCamera()
|
||||
}
|
||||
Button {
|
||||
text: "Reset"
|
||||
height: buttonHeight
|
||||
width: parent.width
|
||||
onClicked: root.close()
|
||||
}
|
||||
Rectangle {
|
||||
width: 0.9 * parent.width
|
||||
height: 1
|
||||
color: "#353535"
|
||||
anchors.left: parent.left
|
||||
}
|
||||
Button {
|
||||
text: "Start camera"
|
||||
height: itemHeight
|
||||
width: parent.width
|
||||
onClicked: root.openCamera()
|
||||
active: fileOpen.state == "expanded"
|
||||
}
|
||||
Rectangle {
|
||||
width: 0.9 * parent.width
|
||||
height: 1
|
||||
color: "#353535"
|
||||
anchors.left: parent.left
|
||||
}
|
||||
Button {
|
||||
text: "Open image"
|
||||
height: itemHeight
|
||||
width: parent.width
|
||||
onClicked: root.openImage()
|
||||
active: fileOpen.state == "expanded"
|
||||
}
|
||||
Rectangle {
|
||||
width: 0.9 * parent.width
|
||||
height: 1
|
||||
color: "#353535"
|
||||
anchors.left: parent.left
|
||||
}
|
||||
Button {
|
||||
text: "Open video"
|
||||
height: itemHeight
|
||||
width: parent.width
|
||||
onClicked: root.openVideo()
|
||||
active: fileOpen.state == "expanded"
|
||||
}
|
||||
Rectangle {
|
||||
width: 0.9 * parent.width
|
||||
height: 1
|
||||
color: "#353535"
|
||||
anchors.left: parent.left
|
||||
}
|
||||
Button {
|
||||
text: "Reset"
|
||||
height: itemHeight
|
||||
width: parent.width
|
||||
onClicked: root.close()
|
||||
active: fileOpen.state == "expanded"
|
||||
}
|
||||
Rectangle {
|
||||
width: 0.9 * parent.width
|
||||
height: 1
|
||||
color: "#353535"
|
||||
anchors.left: parent.left
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
287
examples/multimedia/video/qmlvideofx/qml/qmlvideofx/Main.qml
Normal file
287
examples/multimedia/video/qmlvideofx/qml/qmlvideofx/Main.qml
Normal file
@@ -0,0 +1,287 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2014 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.1
|
||||
import QtQuick.Window 2.1
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
color: "black"
|
||||
property string fileName
|
||||
property alias volume: content.volume
|
||||
property bool perfMonitorsLogging: false
|
||||
property bool perfMonitorsVisible: false
|
||||
property int pixDens: Math.ceil(Screen.pixelDensity)
|
||||
property int itemWidth: 25 * pixDens
|
||||
property int itemHeight: 10 * pixDens
|
||||
property int windowWidth: Screen.desktopAvailableWidth
|
||||
property int windowHeight: Screen.desktopAvailableHeight
|
||||
property int scaledMargin: 2 * pixDens
|
||||
property int fontSize: 5 * pixDens
|
||||
|
||||
QtObject {
|
||||
id: d
|
||||
property real gripSize: 20
|
||||
}
|
||||
|
||||
Content {
|
||||
id: content
|
||||
color: "transparent"
|
||||
anchors {
|
||||
top: parent.top
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
bottom: parameterPanel.top
|
||||
margins: scaledMargin
|
||||
leftMargin: scaledMargin + itemHeight
|
||||
}
|
||||
gripSize: d.gripSize
|
||||
}
|
||||
|
||||
ParameterPanel {
|
||||
id: parameterPanel
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: listview.left
|
||||
bottom: parent.bottom
|
||||
margins: scaledMargin
|
||||
leftMargin: scaledMargin + itemHeight
|
||||
}
|
||||
gripSize: d.gripSize
|
||||
height: root.itemHeight * 2.5
|
||||
width: root.itemWidth * 3
|
||||
|
||||
}
|
||||
|
||||
|
||||
Button {
|
||||
id: effectName
|
||||
anchors {
|
||||
right: parent.right
|
||||
bottom: perfHolder.top
|
||||
top: content.bottom
|
||||
margins: scaledMargin
|
||||
}
|
||||
|
||||
text: "No effect"
|
||||
width: itemWidth * 2
|
||||
onClicked: {
|
||||
effectName.visible = false
|
||||
listview.visible = true
|
||||
}
|
||||
color: "#303030"
|
||||
}
|
||||
|
||||
|
||||
ListView {
|
||||
id: listview
|
||||
width: itemWidth * 2
|
||||
anchors {
|
||||
right: parent.right
|
||||
bottom: perfHolder.top
|
||||
top: parent.top
|
||||
margins: scaledMargin
|
||||
}
|
||||
visible: false
|
||||
|
||||
model: EffectSelectionList {}
|
||||
delegate: effectDelegate
|
||||
|
||||
highlight: Rectangle { color: "#14aaff"; radius: 5 }
|
||||
highlightFollowsCurrentItem: true
|
||||
highlightRangeMode: ListView.StrictlyEnforceRange
|
||||
clip: true
|
||||
focus: true
|
||||
|
||||
Component {
|
||||
id: effectDelegate
|
||||
Button {
|
||||
text: name
|
||||
width: itemWidth * 2
|
||||
onClicked: {
|
||||
content.effectSource = source
|
||||
listview.visible = false
|
||||
effectName.text = name
|
||||
effectName.visible = true
|
||||
parameterPanel.model = content.effect.parameters
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: perfHolder
|
||||
color: "transparent"
|
||||
anchors {
|
||||
right: parent.right
|
||||
bottom: parent.bottom
|
||||
margins: scaledMargin
|
||||
}
|
||||
height: root.itemHeight * 1.5
|
||||
width: root.itemWidth
|
||||
|
||||
Loader {
|
||||
id: performanceLoader
|
||||
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 = perfHolder
|
||||
item.anchors.top = perfHolder.top
|
||||
item.anchors.bottom = perfHolder.bottom
|
||||
item.anchors.left = perfHolder.left
|
||||
item.anchors.right = perfHolder.right
|
||||
item.logging = root.perfMonitorsLogging
|
||||
item.displayed = root.perfMonitorsVisible
|
||||
item.init()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
FileOpen {
|
||||
id: fileOpen
|
||||
state: "collapsed"
|
||||
anchors {
|
||||
left: parent.left
|
||||
top: parent.top
|
||||
bottom: parent.bottom
|
||||
margins: scaledMargin
|
||||
}
|
||||
width: itemHeight + scaledMargin
|
||||
z: 2
|
||||
opacity: 0.9
|
||||
|
||||
states: [
|
||||
State {
|
||||
name: "expanded"
|
||||
PropertyChanges {
|
||||
target: fileOpen
|
||||
width: itemWidth * 1.5
|
||||
opacity: 0.8
|
||||
}
|
||||
},
|
||||
State {
|
||||
name: "collapsed"
|
||||
PropertyChanges {
|
||||
target: fileOpen
|
||||
width: itemHeight + scaledMargin
|
||||
opacity: 0.9
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
transitions: [
|
||||
Transition {
|
||||
NumberAnimation { target: fileOpen; property: "width"; duration: 400 }
|
||||
NumberAnimation { target: fileOpen; property: "opacity"; duration: 400 }
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
FileBrowser {
|
||||
id: imageFileBrowser
|
||||
anchors.fill: root
|
||||
Component.onCompleted: fileSelected.connect(content.openImage)
|
||||
}
|
||||
|
||||
FileBrowser {
|
||||
id: videoFileBrowser
|
||||
anchors.fill: root
|
||||
Component.onCompleted: fileSelected.connect(content.openVideo)
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
fileOpen.openImage.connect(openImage)
|
||||
fileOpen.openVideo.connect(openVideo)
|
||||
fileOpen.openCamera.connect(openCamera)
|
||||
fileOpen.close.connect(close)
|
||||
}
|
||||
|
||||
function init() {
|
||||
if (Qt.platform.os === "linux" || Qt.platform.os === "windows" || Qt.platform.os === "osx" || Qt.platform.os === "unix") {
|
||||
if (Screen.desktopAvailableWidth > 1280) {
|
||||
windowWidth = 1280
|
||||
}
|
||||
if (Screen.desktopAvailableHeight > 720) {
|
||||
windowHeight = 720
|
||||
}
|
||||
}
|
||||
|
||||
height = windowHeight
|
||||
width = windowWidth
|
||||
|
||||
console.log("[qmlvideofx] root.init")
|
||||
console.log("Height: ", Screen.desktopAvailableHeight)
|
||||
console.log("Width: ", Screen.desktopAvailableWidth)
|
||||
console.log("Pixels per mm: ", Math.ceil(Screen.pixelDensity))
|
||||
console.log("Orientation: ", Screen.orientation)
|
||||
imageFileBrowser.folder = imagePath
|
||||
videoFileBrowser.folder = videoPath
|
||||
content.init()
|
||||
performanceLoader.init()
|
||||
if (fileName != "")
|
||||
content.openVideo(fileName)
|
||||
}
|
||||
|
||||
function qmlFramePainted() {
|
||||
if (performanceLoader.item)
|
||||
performanceLoader.item.qmlFramePainted()
|
||||
}
|
||||
|
||||
function openImage() {
|
||||
imageFileBrowser.show()
|
||||
}
|
||||
|
||||
function openVideo() {
|
||||
videoFileBrowser.show()
|
||||
}
|
||||
|
||||
function openCamera() {
|
||||
content.openCamera()
|
||||
}
|
||||
|
||||
function close() {
|
||||
content.init()
|
||||
}
|
||||
}
|
||||
@@ -47,17 +47,12 @@ Rectangle {
|
||||
height: view.model.count * sliderHeight
|
||||
property color lineColor: "black"
|
||||
property real gripSize: 25
|
||||
property real spacing: 10
|
||||
property real sliderHeight: 40
|
||||
property real spacing: 20
|
||||
property real sliderHeight: 60
|
||||
|
||||
property ListModel model: ListModel { }
|
||||
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
color: "black"
|
||||
opacity: 0.5
|
||||
radius: 10
|
||||
}
|
||||
anchors.topMargin: 10
|
||||
|
||||
Component {
|
||||
id: editDelegate
|
||||
@@ -77,10 +72,10 @@ Rectangle {
|
||||
bottom: parent.bottom
|
||||
left: parent.left
|
||||
}
|
||||
font.pixelSize: 0.5 * parent.height
|
||||
font.pixelSize: fontSize
|
||||
horizontalAlignment: Text.AlignRight
|
||||
verticalAlignment: Text.AlignVCenter
|
||||
width: 150
|
||||
width: 8 * fontSize
|
||||
}
|
||||
|
||||
Slider {
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
|
||||
** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
|
||||
** Contact: http://www.qt-project.org/legal
|
||||
**
|
||||
** This file is part of the Qt Mobility Components.
|
||||
@@ -39,91 +39,84 @@
|
||||
**
|
||||
****************************************************************************/
|
||||
|
||||
import QtQuick 2.0
|
||||
import QtQuick 2.1
|
||||
|
||||
Rectangle {
|
||||
id: root
|
||||
color: "transparent"
|
||||
radius: 5
|
||||
property alias value: grip.value
|
||||
property color fillColor: "white"
|
||||
property color lineColor: "black"
|
||||
property color gripColor: "white"
|
||||
property real gripSize: 20
|
||||
property color fillColor: "#14aaff"
|
||||
property real gripSize: 40
|
||||
property real gripTolerance: 3.0
|
||||
property real increment: 0.1
|
||||
property bool enabled: true
|
||||
|
||||
Rectangle {
|
||||
anchors { left: parent.left; right: parent.right; verticalCenter: parent.verticalCenter }
|
||||
height: 3
|
||||
color: displayedColor(root.lineColor)
|
||||
|
||||
Rectangle {
|
||||
anchors { fill: parent; margins: 1 }
|
||||
color: root.fillColor
|
||||
id: slider
|
||||
anchors {
|
||||
left: parent.left
|
||||
right: parent.right
|
||||
verticalCenter: parent.verticalCenter
|
||||
}
|
||||
}
|
||||
height: 10
|
||||
color: "transparent"
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
enabled: root.enabled
|
||||
onClicked: {
|
||||
if (parent.width) {
|
||||
var newValue = mouse.x / parent.width
|
||||
if (Math.abs(newValue - parent.value) > parent.increment) {
|
||||
if (newValue > parent.value)
|
||||
parent.value = Math.min(1.0, parent.value + parent.increment)
|
||||
else
|
||||
parent.value = Math.max(0.0, parent.value - parent.increment)
|
||||
BorderImage {
|
||||
id: sliderbarimage
|
||||
source: "qrc:/images/Slider_bar.png"
|
||||
anchors { fill: parent; margins: 1 }
|
||||
border.right: 5
|
||||
border.left: 5
|
||||
}
|
||||
Rectangle {
|
||||
height: parent.height -2
|
||||
anchors.left: parent.left
|
||||
anchors.right: grip.horizontalCenter
|
||||
color: root.fillColor
|
||||
radius: 3
|
||||
border.width: 1
|
||||
border.color: Qt.darker(color, 1.3)
|
||||
opacity: 0.8
|
||||
}
|
||||
Rectangle {
|
||||
id: grip
|
||||
property real value: 0.5
|
||||
x: (value * parent.width) - width/2
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
width: root.gripTolerance * root.gripSize
|
||||
height: width
|
||||
radius: width/2
|
||||
color: "transparent"
|
||||
|
||||
Image {
|
||||
id: sliderhandleimage
|
||||
source: "qrc:/images/Slider_handle.png"
|
||||
anchors.centerIn: parent
|
||||
}
|
||||
|
||||
MouseArea {
|
||||
id: mouseArea
|
||||
enabled: root.enabled
|
||||
anchors.fill: parent
|
||||
drag {
|
||||
target: grip
|
||||
axis: Drag.XAxis
|
||||
minimumX: -parent.width/2
|
||||
maximumX: root.width - parent.width/2
|
||||
}
|
||||
onPositionChanged: {
|
||||
if (drag.active)
|
||||
updatePosition()
|
||||
}
|
||||
onReleased: {
|
||||
updatePosition()
|
||||
}
|
||||
function updatePosition() {
|
||||
value = (grip.x + grip.width/2) / slider.width
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: grip
|
||||
property real value: 0.5
|
||||
x: (value * parent.width) - width/2
|
||||
anchors.verticalCenter: parent.verticalCenter
|
||||
width: root.gripTolerance * root.gripSize
|
||||
height: width
|
||||
radius: width/2
|
||||
color: "transparent"
|
||||
|
||||
MouseArea {
|
||||
id: mouseArea
|
||||
enabled: root.enabled
|
||||
anchors.fill: parent
|
||||
drag {
|
||||
target: grip
|
||||
axis: Drag.XAxis
|
||||
minimumX: -parent.width/2
|
||||
maximumX: root.width - parent.width/2
|
||||
}
|
||||
onPositionChanged: {
|
||||
if (drag.active)
|
||||
updatePosition()
|
||||
}
|
||||
onReleased: {
|
||||
updatePosition()
|
||||
}
|
||||
function updatePosition() {
|
||||
value = (grip.x + grip.width/2) / grip.parent.width
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
anchors.centerIn: parent
|
||||
width: root.gripSize
|
||||
height: width
|
||||
radius: width/2
|
||||
color: root.gripColor
|
||||
}
|
||||
}
|
||||
|
||||
function displayedColor(c) {
|
||||
var tint = Qt.rgba(c.r, c.g, c.b, 0.25)
|
||||
return enabled ? c : Qt.tint(c, tint)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,186 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 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: 900
|
||||
height: 600
|
||||
color: "grey"
|
||||
property string fileName
|
||||
property alias volume: content.volume
|
||||
property bool perfMonitorsLogging: false
|
||||
property bool perfMonitorsVisible: false
|
||||
|
||||
QtObject {
|
||||
id: d
|
||||
property real gripSize: 20
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
id: inner
|
||||
anchors.fill: parent
|
||||
color: "grey"
|
||||
|
||||
Content {
|
||||
id: content
|
||||
anchors {
|
||||
top: parent.top
|
||||
bottom: parent.bottom
|
||||
left: parent.left
|
||||
right: effectSelectionPanel.left
|
||||
margins: 5
|
||||
}
|
||||
gripSize: d.gripSize
|
||||
width: 600
|
||||
height: 600
|
||||
}
|
||||
|
||||
Loader {
|
||||
id: performanceLoader
|
||||
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 = content
|
||||
item.anchors.top = content.top
|
||||
item.anchors.left = content.left
|
||||
item.anchors.right = content.right
|
||||
item.logging = root.perfMonitorsLogging
|
||||
item.displayed = root.perfMonitorsVisible
|
||||
item.init()
|
||||
}
|
||||
}
|
||||
|
||||
ParameterPanel {
|
||||
id: parameterPanel
|
||||
anchors {
|
||||
left: parent.left
|
||||
bottom: parent.bottom
|
||||
right: effectSelectionPanel.left
|
||||
margins: 20
|
||||
}
|
||||
gripSize: d.gripSize
|
||||
}
|
||||
|
||||
EffectSelectionPanel {
|
||||
id: effectSelectionPanel
|
||||
anchors {
|
||||
top: parent.top
|
||||
bottom: fileOpen.top
|
||||
right: parent.right
|
||||
margins: 5
|
||||
}
|
||||
width: 300
|
||||
itemHeight: 40
|
||||
onEffectSourceChanged: {
|
||||
content.effectSource = effectSource
|
||||
parameterPanel.model = content.effect.parameters
|
||||
}
|
||||
}
|
||||
|
||||
FileOpen {
|
||||
id: fileOpen
|
||||
anchors {
|
||||
right: parent.right
|
||||
bottom: parent.bottom
|
||||
margins: 5
|
||||
}
|
||||
width: effectSelectionPanel.width
|
||||
height: 165
|
||||
buttonHeight: 32
|
||||
topMargin: 10
|
||||
}
|
||||
}
|
||||
|
||||
FileBrowser {
|
||||
id: imageFileBrowser
|
||||
anchors.fill: root
|
||||
Component.onCompleted: fileSelected.connect(content.openImage)
|
||||
}
|
||||
|
||||
FileBrowser {
|
||||
id: videoFileBrowser
|
||||
anchors.fill: root
|
||||
Component.onCompleted: fileSelected.connect(content.openVideo)
|
||||
}
|
||||
|
||||
Component.onCompleted: {
|
||||
fileOpen.openImage.connect(openImage)
|
||||
fileOpen.openVideo.connect(openVideo)
|
||||
fileOpen.openCamera.connect(openCamera)
|
||||
fileOpen.close.connect(close)
|
||||
}
|
||||
|
||||
function init() {
|
||||
console.log("[qmlvideofx] main.init")
|
||||
imageFileBrowser.folder = imagePath
|
||||
videoFileBrowser.folder = videoPath
|
||||
content.init()
|
||||
performanceLoader.init()
|
||||
if (fileName != "")
|
||||
content.openVideo(fileName)
|
||||
}
|
||||
|
||||
function qmlFramePainted() {
|
||||
if (performanceLoader.item)
|
||||
performanceLoader.item.qmlFramePainted()
|
||||
}
|
||||
|
||||
function openImage() {
|
||||
imageFileBrowser.show()
|
||||
}
|
||||
|
||||
function openVideo() {
|
||||
videoFileBrowser.show()
|
||||
}
|
||||
|
||||
function openCamera() {
|
||||
content.openCamera()
|
||||
}
|
||||
|
||||
function close() {
|
||||
content.openImage("qrc:/images/qt-logo.png")
|
||||
}
|
||||
}
|
||||
@@ -1,408 +0,0 @@
|
||||
/****************************************************************************
|
||||
**
|
||||
** Copyright (C) 2013 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")
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user