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

MouseArea calling a FileDialog : know which element opened the 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 元素,使用它有两个原因:

下面是我的 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 显示在鼠标的确切位置,他可以选择他想要的任何选项。然后调用 confOpenfirmwareOpen 并且用户能够 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 属性。

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

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