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/Picker.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/Picker.qml')
-rw-r--r-- | experimental/Camera/Picker.qml | 89 |
1 files changed, 89 insertions, 0 deletions
diff --git a/experimental/Camera/Picker.qml b/experimental/Camera/Picker.qml new file mode 100644 index 0000000..364fed7 --- /dev/null +++ b/experimental/Camera/Picker.qml @@ -0,0 +1,89 @@ +import QtQuick 2.0 + +MouseArea { + id: pickerRoot + + parent: root + anchors.fill: parent + + onClicked: visible = false + visible: false + + property alias contentWidth: back.width + property real contentHeight: 350 * root.contentScale + property alias model: list.model + property variant value: null + property string name: "" + property alias currentIndex: list.currentIndex + property alias count: list.count + + onValueChanged: { + for (var i = 0; i < list.count; ++i) { + var data = list.model[i]; + if (data === undefined) + data = list.model.get(i); + if (data.value === pickerRoot.value) { + list.currentIndex = i; + return; + } + } + list.currentIndex = -1; + } + + Rectangle { + id: back + color: "#77333333" + width: 200 * root.contentScale + height: Math.min(pickerRoot.contentHeight, list.contentHeight + list.anchors.margins * 2) + anchors.centerIn: parent + property int itemHeight: 25 * root.contentScale + rotation: root.contentRotation + Behavior on rotation { NumberAnimation { } } + + ListView { + id: list + anchors.fill: parent + clip: true + anchors.margins: 14 * root.contentScale + + currentIndex: -1 + + onCurrentIndexChanged: { + if (list.currentIndex >= 0) { + var data = list.model[list.currentIndex]; + if (data === undefined) + data = list.model.get(list.currentIndex); + pickerRoot.value = data.value; + pickerRoot.name = data.name; + } else { + pickerRoot.value = null + pickerRoot.name = "" + } + } + + delegate: Item { + height: 40 * root.contentScale + width: parent.width + Rectangle { + anchors.fill: parent + border.color: index == list.currentIndex ? "#44ffffff" : "transparent" + color: index == list.currentIndex ? "#22ffffff" : "transparent" + radius: 3 * root.contentScale + Text { + color: "white" + text: (typeof modelData === 'undefined' ? name : modelData.name) + anchors.centerIn: parent + font.pixelSize: Math.round(20 * root.contentScale) + } + MouseArea { + anchors.fill: parent + onClicked: { + list.currentIndex = index; + } + } + } + } + } + } +} + |