X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=homescreen%2Fqml%2FMediaAreaBlank.qml;h=0dde451bb8fa45f7ac56f25fc7927ed1dcf34512;hb=42ff0b116ebe137c566f06389477cb2ca7bcb2df;hp=51fa6574231aaa25b5fd422c23fef99204b9b490;hpb=fbdd80c3c6fd9b27ce1cbe21941baa8a643050fe;p=apps%2Fhomescreen.git diff --git a/homescreen/qml/MediaAreaBlank.qml b/homescreen/qml/MediaAreaBlank.qml index 51fa657..0dde451 100644 --- a/homescreen/qml/MediaAreaBlank.qml +++ b/homescreen/qml/MediaAreaBlank.qml @@ -16,120 +16,14 @@ */ import QtQuick 2.2 -import QtQuick.Layouts 1.1 -import QtQuick.Controls 2.0 -import AGL.Demo.Controls 1.0 -import MasterVolume 1.0 Image { width: 1080 height: 215 source: './images/Utility_Logo_Background-01.png' - property bool displayVolume: false; - - MouseArea { - anchors.fill: parent - function enableVolumeDisplay() { - if (!displayVolume) { - displayVolume = true - master_volume.visible = true - volume_timer.restart() - } - } - onClicked: enableVolumeDisplay() - } Image { - id: logo_image anchors.centerIn: parent source: './images/Utility_Logo_Colour-01.png' } - - Timer { - id: volume_timer - interval: 5000; running: false; repeat: false - onTriggered: displayVolume = false - } - - states: [ - State { when: displayVolume; - PropertyChanges { target: master_volume; opacity: 1.0 } - PropertyChanges { target: slider; enabled: true } - PropertyChanges { target: logo_image; opacity: 0.0 } - }, - State { when: !displayVolume; - PropertyChanges { target: master_volume; opacity: 0.0 } - PropertyChanges { target: slider; enabled: false } - PropertyChanges { target: logo_image; opacity: 1.0 } - } - ] - - transitions: Transition { - NumberAnimation { property: "opacity"; duration: 500} - } - - MasterVolume { - id: mv - objectName: "mv" - onVolumeChanged: slider.value = volume - } - - Item { - id: master_volume - anchors.fill: parent - anchors.centerIn: parent - visible: false - - Label { - font.pixelSize: 36 - anchors.horizontalCenter: parent.horizontalCenter - color: "white" - text: "Master Volume" - } - - RowLayout { - anchors.fill: parent - anchors.centerIn: parent - anchors.margins: 20 - spacing: 20 - Label { - font.pixelSize: 36 - color: "white" - text: "0 %" - } - Slider { - id: slider - Layout.fillWidth: true - from: 0 - to: 65536 - stepSize: 256 - snapMode: Slider.SnapOnRelease - onValueChanged: mv.volume = value - Component.onCompleted: value = mv.volume - onPressedChanged: { - if (pressed) {volume_timer.stop()} - else {volume_timer.restart()} - } - background: Rectangle { - id: slider_bg - height: 16 - color: "#59FF7F" - } - handle: Rectangle { - anchors.verticalCenter: slider_bg.verticalCenter - width: 48 - height: 48 - radius: 24 - x: slider.leftPadding + slider.visualPosition * (slider.availableWidth - width) - y: slider.topPadding + slider.availableHeight / 2 - height / 2 - color: "white" - } - } - Label { - font.pixelSize: 36 - color: "white" - text: "100 %" - } - } - } }