QML menu bar display in QtQuick application

Question

I'm developing a macOS application using QML containing just a menu bar:

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.4

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    menuBar: MenuBar {
        Menu {
            title: qsTr("&File")
            Action { text: qsTr("&New...") }
            Action { text: qsTr("&Open...") }
            Action { text: qsTr("&Save") }
            Action { text: qsTr("Save &As...") }
            MenuSeparator { }
            Action { text: qsTr("&Quit") }
        }
        Menu {
            title: qsTr("&Edit")
            Action { text: qsTr("Cu&t") }
            Action { text: qsTr("&Copy") }
            Action { text: qsTr("&Paste") }
        }
        Menu {
            title: qsTr("&Help")
            Action { text: qsTr("&About") }
        }
    }
}

Unfortunately, the menu doesn't look as expected:

Usually, menu items appear next to the Apple menu which contains just MenuTest here:

Maybe [this](http://doc.qt.io/qt-5/macos-issues.html#menu-bar) link could be useful. — folibis, Jan 28 '19 at 16:29
I have a example here : https://stackoverflow.com/questions/54933297/customize-appmenu-in-qt/75387241#75387241 — SHENOISZ, Feb 08 '23 at 18:10

dtech · Accepted Answer · 2019-01-28T17:35:37.643

4

You are using the "stock" menu from Controls - it is not a "native" menu.

You can opt to use the one provided by Qt.labs.platform.

Keep in mind this will drag the QtWidgets module as a project dependency.

edited Jan 28 '19 at 17:35

answered Jan 28 '19 at 16:28

dtech

47,916
17
112
190

I don't find any example how to use *Qt.labs.platform*. Any idea? – Martin Delille Jan 28 '19 at 16:53
I managed to fix my problem thanks to this link very close to yours: https://doc.qt.io/qt-5/qml-qt-labs-platform-menubar.html – Martin Delille Jan 29 '19 at 10:04

QML menu bar display in QtQuick application

1 Answers1