add mobile menu

This commit is contained in:
Jaquee 2017-08-08 10:48:06 +02:00
parent 1c7f529141
commit aec65db8c3
3 changed files with 7 additions and 3 deletions

View file

@ -28,6 +28,7 @@
import QtQuick 2.2 import QtQuick 2.2
import QtQuick.Window 2.0 import QtQuick.Window 2.0
import QtQuick.Layouts 1.1
Rectangle { Rectangle {
id: titleBar id: titleBar
@ -53,6 +54,7 @@ Rectangle {
} }
Rectangle { Rectangle {
id: goToBasicVersionButton id: goToBasicVersionButton
property bool containsMouse: titleBar.mouseX >= x && titleBar.mouseX <= x + width property bool containsMouse: titleBar.mouseX >= x && titleBar.mouseX <= x + width
property bool checked: false property bool checked: false
@ -64,10 +66,10 @@ Rectangle {
visible: isMobile visible: isMobile
Image { Image {
width: parent.width * 2/3;
height: width;
anchors.centerIn: parent anchors.centerIn: parent
rotation: !leftPanel.visible ? 180 : 0 source: "../images/menu.png"
source: parent.customDecorations || !leftPanel.visible ? "../images/goToBasicVersionHovered.png" :
"../images/gotoBasicVersion.png"
} }
MouseArea { MouseArea {
@ -75,6 +77,7 @@ Rectangle {
hoverEnabled: true hoverEnabled: true
anchors.fill: parent anchors.fill: parent
onClicked: { onClicked: {
releaseFocus()
parent.checked = !parent.checked parent.checked = !parent.checked
titleBar.goToBasicVersion(leftPanel.visible) titleBar.goToBasicVersion(leftPanel.visible)
} }

BIN
images/menu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -147,5 +147,6 @@
<file>wizard/WizardDaemonSettings.qml</file> <file>wizard/WizardDaemonSettings.qml</file>
<file>components/RemoteNodeEdit.qml</file> <file>components/RemoteNodeEdit.qml</file>
<file>pages/Keys.qml</file> <file>pages/Keys.qml</file>
<file>images/menu.png</file>
</qresource> </qresource>
</RCC> </RCC>