调用 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
元素,使用它有两个原因:
- 美学(定制设计、圆角等...)
- 为每个按钮添加一个 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
属性。
我希望我已经说得很清楚了,阅读起来不会花很长时间,但我想要清楚和准确。如果您有更好的方法来做我正在做的事情,请告诉我,我一直在听取建议:)
向您的 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";
}
}
自从我的代码上一期以来,我遇到了一个新的。不幸的是,这实际上不是一个实施问题,而是一个“概念”问题。
那么让我们介绍一下案例。我有一个充满按钮的网格然后处理他们的 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
属性。
我希望我已经说得很清楚了,阅读起来不会花很长时间,但我想要清楚和准确。如果您有更好的方法来做我正在做的事情,请告诉我,我一直在听取建议:)
向您的 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";
}
}