Question

我想显示一个消息框，它在 main.qml 中实现（作为所有其他组件之上的层）。函数showMessage()使QML消息框可见并设置文本。因此， main.qml 中的代码可能会显示消息框，但其他组件（不在 main.qml 中）也应该能够显示消息框。

到目前为止，我的想法是创建一个C ++ QML组件，它具有一个函数displayMessage()，它调用根上下文的showMessage()函数（→ main.qml ）。

mail.qml （根组件）

import QtQuick 1.0
// [...]

Rectangle {
    id: main

    function showMessage(text) {
        // make a message area visible and set text
    }

    // [...]

    // message box implementation
}

App.qml

import QtQuick 1.0
import MessageForwarder 1.0  // implemented in C++
// [...]

Rectangle {
    id: anApp

    MessageForwarder { id: mf }  // ← Possible without this? 

    Component.onCompleted: mf.displayMessage("A message."); // show message

    // [...]
}

是否可以创建类似静态函数的东西，允许MessageForwarder.displayMessage("Foo")之类的东西，而不需要MessageForwarder组件的其他实例？

或者在其他组件中使用showMessage()是否还有其他方便的可能性？
（也许像Qt全局对象？）

谢谢！

编辑：

我认为我找到了一个非常简单的解决方案：由于QML是一种动态范围的语言（→Qt Doc），并且所有组件都嵌套在 main.qml 中，这只是起作用：

main.qml

import QtQuick 1.0

Rectangle {
    id: main

    QtObject { 
        id: messageBox
        // nested for a more modular design
        function showMessage(text) {
            // make a message area visible and set text
        }
    }

    // [...]

    // message box implementation
}

App.qml

import QtQuick 1.0

Rectangle {
    id: anApp

    Component.onCompleted: messageBox.showMessage("A message.");

    // [...]
}

Answer 1

氡，你找到了正确的解决方案，是的。我在这里推荐的增强功能是将消息框移动到一个名为MessageBox.qml的单独文件中，然后在main.qml中声明MessageBox组件并直接通过其ID引用消息框，而不是创建其他QtObject元素和通过它参考实际的消息框。例如：

// MessageBox.qml
Item {
    property string headerText
    property string messageText
    ...
    Text {
        ...
    }
    ... 
    function show(headerText, bodyText, mode) {
        ...
    }
}

然后在main.qml中使用它：

// main.qml
Rectangle {
   id: main
   MessageBox { id: messageBox } // a very compact declaration of you MessageBox
   ...
}

然后在你的app的任何文件中调用它：

//NetworkConnectionsWindow.qml
Rectangle {
    ...
    onError: {
        ...
        // and here you refer to you global message box object
        messageBox.show('Network error', 'Server is not responding', ErrorMode);
    }
}

对我而言，它提高了代码的可读性和结构，并允许您摆脱在main.qml中使用的QtObject，使代码紧凑。如果您需要“提升”消息框，而不是使用包装器，则可以使用z property of Item element。

希望这会让你的代码看起来更好。

使root QML组件的功能可以为其他组件调用

1 个答案: