QML UI: add context menu button

Right now this is an alternative to the magic action button - but the goal is
to replace it completely.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2016-01-04 13:01:42 -08:00
parent 7cc851ebad
commit c53aa7dbfb
4 changed files with 30 additions and 0 deletions

View file

@ -80,5 +80,33 @@ Rectangle {
Item {
Layout.fillWidth: true
}
Item {
id: contextMenu
visible: contextDrawer.enabled
anchors.right: parent.right
anchors.top: parent.top
Layout.preferredHeight: contextMenuIcon.height
width: contextMenuIcon.width
Image {
id: contextMenuIcon
source: "qrc:/qml/context-menu.png"
width: MobileComponents.Units.gridUnit
height: width
anchors {
top: parent.top
right: parent.right
topMargin: MobileComponents.Units.smallSpacing * -1
rightMargin: MobileComponents.Units.smallSpacing
}
}
MouseArea {
height: parent.height
width: parent.width
onClicked: {
contextDrawer.open()
}
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 641 B

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path d="M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/></svg>

After

Width:  |  Height:  |  Size: 275 B

View file

@ -16,6 +16,7 @@
<file>dive.jpg</file>
<file alias="subsurface-mobile-icon.png">../../icons/subsurface-mobile-icon.png</file>
<file alias="main-menu.png">icons/main-menu.png</file>
<file alias="context-menu.png">icons/context-menu.png</file>
</qresource>
<qresource prefix="/imports">
<file alias="org/kde/plasma/mobilecomponents/qmldir">mobilecomponents/qmldir</file>