如何将上下文菜单添加到 qml QDeclarativeView？答案

【问题标题】：How to add context menu to qml QDeclarativeView?如何将上下文菜单添加到 qml QDeclarativeView？
【发布时间】：2012-11-19 18:04:57
【问题描述】：

我的 qml 小部件中需要 ContextMenu。我有一个解决方案：创建QGraphicsProxyWidget，其中包含QMenu，但是有一个问题：上下文菜单在主窗口之外是不可见的。如何将主窗口设置为菜单的父级？自定义组件是个坏主意 - 我需要 QMenu 的可能性：执行、操作、弹出窗口等。

Main.qml

import QtQuick 1.1
import CustomComponents 1.0

Rectangle {
    width: 360
    height: 360
    QMLContextMenu {
        id: menu
    }

    Text {
        text: qsTr("Hello World")
        anchors.centerIn: parent
    }
    MouseArea {
        anchors.fill: parent
        acceptedButtons: Qt.RightButton | Qt.LeftButton
        onClicked: {
            if(mouse.button === Qt.RightButton)
                menu.exec(mouse.x, mouse.y);
            else
                Qt.quit();
        }
    }
}

main.cpp

#include <QApplication>
#include "qmlapplicationviewer.h"
#include <QtCore>
#include <QtDeclarative>
#include <QtGui>

class QMLContextMenu : public QGraphicsProxyWidget
{
    Q_OBJECT
public:
    QMLContextMenu(QGraphicsItem* parent = 0) : QGraphicsProxyWidget(parent)
    {
        menuWidget = new QMenu("my menu");
        setWidget(menuWidget);
    }
public slots:
    QString exec(int x, int y)
    {
        menuWidget->clear();
        menuWidget->addAction("hello world!");
        menuWidget->addSeparator();
        menuWidget->addAction("or not...");
        //menuWidget->show();
        QAction *pResultAction = menuWidget->exec(QPoint(x, y));
        QString text;
        if(pResultAction)
            text = pResultAction->text();
        return text;
    }
private:
    QMenu *menuWidget;
}; 

Q_DECL_EXPORT int main(int argc, char *argv[])
{
    QScopedPointer<QApplication> app(createApplication(argc, argv));
    qmlRegisterType<QMLContextMenu>("CustomComponents", 1, 0, "QMLContextMenu");
    QmlApplicationViewer viewer;
    viewer.setOrientation(QmlApplicationViewer::ScreenOrientationAuto);
    viewer.setMainQmlFile(QLatin1String("qml/quick1/main.qml"));
    viewer.showExpanded();
    return app->exec();
}

【问题讨论】：

我无法回答您的问题。但为什么不直接采用直截了当的方式。这是 QML 和 Javascript 中的上下文菜单实现示例。 developer.nokia.com/Community/Wiki/…

标签： qt qml qmenu

【解决方案1】：

使用列表视图创建您自己的矩形。但是这种方式存在很多问题，因为在 qml 1 中，qml 小部件不能是顶级窗口。我做到了：

创建单独的 ContextMenu.qml
使用 loader 实例化它
在我需要时显示它

【讨论】：