MouseArea 调用 FileDialog ：知道哪个元素打开了 FileDialog (QML)

如何解决MouseArea 调用 FileDialog ：知道哪个元素打开了 FileDialog (QML)

自从我的代码上次出现问题以来，我遇到了一个新问题。不幸的是，这并不是一个真正的实施问题，而是一个“概念”问题。

好吧，让我介绍一下这个案例。我有一个充满按钮的网格，然后为了处理他们的 onClicked 事件，我有一个 ButtonGroup

GridLayout {
id: gl
anchors.fill: parent
...

   CustomButton{
      id: btnMILA1
      text: "PlayBook 1"
      ... //Layout stuff
   }
   CustomButton{
      id: btnMILA2
      text: "PlayBook 1"
      ... //Layout stuff
   }
   CustomButton{
      id: btnMILAN
      text: "PlayBook 1"
      ... //Layout stuff
   }
}

那些是循环生成的，所以不用担心，我没有写所有 40 个按钮 ^^ 所以这是我的 ButtonGroup

ButtonGroup {
   id: btnGroup
   buttons: gl.children
   onClicked: {       
      ... //Do some stuff
   }
}

您可能已经看到，我有一个 CustomButton 元素，它有两个原因：

• 美学（定制设计、圆角等...）
• 为每个按钮添加一个 MouseArea 并在右键单击时显示一个 Menu 元素

这里是我的 CustomButton 元素代码的简化版本：

import QtQuick 2.15

Button {
    id: button

    property string optionalConf //SEE LATER BELOW,THIS ITEM WILL BE USEFUL

    text: qsTr("Button")
    contentItem: Item{
        Text {
            id: name
            text: button.text
            font: button.font
            color: "#ffffff"
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenter: parent.horizontalCenter
        }
    }

    background: Rectangle{
        color: internal.dynamicColor //Used to deal with Hovered/pressed/Default states
        radius: 10
    }

    MouseArea {
        id:mouseHovered
        anchors.fill: parent
        acceptedButtons: Qt.RightButton
        onClicked:{
            rightClickMenu.open()
        }
        hoverEnabled: true
    }

    Menu {
        id: rightClickMenu

        MenuItem {
            text: qsTr("Choix du fichier de configuration...")
            shortcut: StandardKey.Open
            onTriggered: confOpen.open()
        }

        MenuItem {
            text: qsTr("Choix du firmware...")
            shortcut: "Ctrl+Shift+O"
            onTriggered: firmwareOpen.open()
        }

        MenuSeparator{}

        MenuItem {
            text: qsTr("Console")
            shortcut: StandardKey.AddTab
            //onTriggered: zoomOut()
            enabled: false
        }
    }
}

我真的不知道为每个元素生成 mouseArea 的效率，所以如果您有更好的方法来为 20 或 30 个元素提供独立的 onRightclick 选项，请告诉我。

我的问题如下。在页面上，假设实现了 CustomButton 的 main.qml，我有两个 fileDialog 项目：一个名为 confOpen，另一个名为 firmwareOpen，正如您所期望的那样，上面的代码。当用户使用右键单击时，MenuItem 显示在鼠标的确切位置，他可以选择他想要的任何选项。然后调用 confOpen 或 firmwareOpen，用户可以选择一个文件。

FileDialog{
   id: confOpen
   title: "Please choose a conf file"
   folder: shortcuts.desktop
   selectMultiple: false
   nameFilters: ["Conf file (*.conf)"]
   onAccepted: {
      console.log(fileUrl)
      //I'd like to do something like this :
      //ButtonUsedToOpenFileDialog.optionalConf : fileUrl
   }
}

所以这是真正的问题，我想将文件路径存储到我的 CustomButton 的属性中。为此，我有一个 property string optionalConf。但是我无法管理哪个按钮调用了 FileDialog，所以我不知道哪个按钮应该更新他的 optionalConf 属性。

我希望我已经讲得很清楚了，阅读起来也不需要很长时间，但我想说得清楚而准确。如果您有更好的方法来做我正在做的事情，请告诉我，我一直在听取建议:)

解决方法

向 FileDialog 添加一个名为 openDialog 的函数，并将按钮传递给它，如下所示：

[...]
        MenuItem {
            text: qsTr("Choix du fichier de configuration...")
            shortcut: StandardKey.Open
            onTriggered: confOpen.openDialog(button)
        }
[...]
FileDialog {
   id: confOpen
   
   property var button

   function openDialog(button_) {
       button = button_;
       open();
   }

   onAccepted: {
       button.optionalConf = "UPDATED";
   }
}