diff options
author | Yoann Lopes <yoann.lopes@digia.com> | 2013-06-24 15:47:31 +0200 |
---|---|---|
committer | Eirik Aavitsland <eirik.aavitsland@digia.com> | 2013-09-23 12:54:29 +0300 |
commit | 35edc19994995491aaf44e9bac851e1f8cda17ce (patch) | |
tree | 986e0114b63f846619601b89e550bf28b431bdcc /experimental/Camera/CameraControlButton.qml | |
parent | d571f4769863bfb8035ff9ab61a7fbd797ae0452 (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.qml | 54 |
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); + } + } + } +} |