From c53aa7dbfbb615e0aea28a414672882a86468cb3 Mon Sep 17 00:00:00 2001 From: Dirk Hohndel Date: Mon, 4 Jan 2016 13:01:42 -0800 Subject: 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 --- qt-mobile/qml/TopBar.qml | 28 ++++++++++++++++++++++++++++ qt-mobile/qml/icons/context-menu.png | Bin 0 -> 641 bytes qt-mobile/qml/icons/context-menu.svg | 1 + qt-mobile/qml/mobile-resources.qrc | 1 + 4 files changed, 30 insertions(+) create mode 100644 qt-mobile/qml/icons/context-menu.png create mode 100644 qt-mobile/qml/icons/context-menu.svg diff --git a/qt-mobile/qml/TopBar.qml b/qt-mobile/qml/TopBar.qml index e52909bca..a7630860f 100644 --- a/qt-mobile/qml/TopBar.qml +++ b/qt-mobile/qml/TopBar.qml @@ -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() + } + } + } + } } diff --git a/qt-mobile/qml/icons/context-menu.png b/qt-mobile/qml/icons/context-menu.png new file mode 100644 index 000000000..df34cfd4f Binary files /dev/null and b/qt-mobile/qml/icons/context-menu.png differ diff --git a/qt-mobile/qml/icons/context-menu.svg b/qt-mobile/qml/icons/context-menu.svg new file mode 100644 index 000000000..e0750c57e --- /dev/null +++ b/qt-mobile/qml/icons/context-menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/qt-mobile/qml/mobile-resources.qrc b/qt-mobile/qml/mobile-resources.qrc index 24b88676f..8d799f09f 100644 --- a/qt-mobile/qml/mobile-resources.qrc +++ b/qt-mobile/qml/mobile-resources.qrc @@ -16,6 +16,7 @@ dive.jpg ../../icons/subsurface-mobile-icon.png icons/main-menu.png + icons/context-menu.png mobilecomponents/qmldir -- cgit v1.2.3-70-g09d2