summaryrefslogtreecommitdiffstats
path: root/experimental/Camera/CameraControlButton.qml
diff options
context:
space:
mode:
authorYoann Lopes <yoann.lopes@digia.com>2013-06-24 15:47:31 +0200
committerEirik Aavitsland <eirik.aavitsland@digia.com>2013-09-23 12:54:29 +0300
commit35edc19994995491aaf44e9bac851e1f8cda17ce (patch)
tree986e0114b63f846619601b89e550bf28b431bdcc /experimental/Camera/CameraControlButton.qml
parentd571f4769863bfb8035ff9ab61a7fbd797ae0452 (diff)
Added Mediaplayer and Camera demos.
It's currently in the experimental directory since it has been tested only on the Nexus 7. Change-Id: I9503ded9504841b80a88c6e2541bed0234d73cfc Reviewed-by: Eirik Aavitsland <eirik.aavitsland@digia.com>
Diffstat (limited to 'experimental/Camera/CameraControlButton.qml')
-rw-r--r--experimental/Camera/CameraControlButton.qml54
1 files changed, 54 insertions, 0 deletions
diff --git a/experimental/Camera/CameraControlButton.qml b/experimental/Camera/CameraControlButton.qml
new file mode 100644
index 0000000..dc82435
--- /dev/null
+++ b/experimental/Camera/CameraControlButton.qml
@@ -0,0 +1,54 @@
+import QtQuick 2.0
+
+MouseArea {
+ id: buttonRoot
+ property alias title: titleTxt.text
+ property alias subtitle: valueTxt.text
+ property bool toggled: false
+
+ width: 78 * root.contentScale
+ height: 78 * root.contentScale
+ opacity: pressed ? 0.3 : 1.0
+ rotation: root.contentRotation
+ Behavior on rotation { NumberAnimation { } }
+
+ Rectangle {
+ anchors.fill: parent
+ color: toggled ? "#8898c66c" : "#77333333"
+ radius: 5 * root.contentScale
+ }
+
+ Column {
+ id: expModeControls
+ spacing: 2 * root.contentScale
+ anchors.centerIn: parent
+
+ Text {
+ id: titleTxt
+ anchors.horizontalCenter: expModeControls.horizontalCenter
+ font.pixelSize: 22 * root.contentScale
+ font.letterSpacing: -1
+ color: "white"
+ font.bold: true
+ }
+
+ Text {
+ id: valueTxt
+ anchors.horizontalCenter: expModeControls.horizontalCenter
+ height: 22 * root.contentScale
+ verticalAlignment: Text.AlignVCenter
+ color: "white"
+
+ Connections {
+ target: root
+ onContentScaleChanged: valueTxt.font.pixelSize = Math.round(18 * root.contentScale)
+ }
+
+ onTextChanged: font.pixelSize = Math.round(18 * root.contentScale)
+ onPaintedWidthChanged: {
+ if (paintedWidth > buttonRoot.width - (8 * root.contentScale))
+ font.pixelSize -= Math.round(2 * root.contentScale);
+ }
+ }
+ }
+}