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

Question

自从我的代码上一期以来，我遇到了一个新的。不幸的是，这实际上不是一个实施问题，而是一个“概念”问题。

那么让我们介绍一下案例。我有一个充满按钮的网格然后处理他们的 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 并且用户能够 select 一个文件。

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 属性。

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

Answer 1

向您的 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";
   }
}

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

MouseArea calling a FileDialog : know which element opened the FileDialog (QML)

qt

qml

qtquick2

fileopendialog

mousearea