- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想显示一个消息框,它在 main.qml 中实现(作为所有其他组件之上的层)。函数 showMessage()
使 QML 消息框可见并设置文本。因此 main.qml 中的代码可以显示消息框,但其他组件(不在 main.qml 中)也应该能够显示消息框。
到目前为止,我的想法是创建一个 C++ QML 组件,该组件具有调用根上下文的 showMessage()
函数的函数 displayMessage()
(→ 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.");
// [...]
}
最佳答案
Radon,您找到了正确的解决方案,没错。我在这里推荐的增强功能是将您的消息框移动到一个名为 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
...
}
然后像这样在你的应用程序的任何文件中调用它:
//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 .
希望这会让您的代码看起来更好。
关于qt4 - 使根 QML 组件的功能可被其他组件调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5612368/
如果下一个元素的宽度超过指定布局的宽度,是否有 QML 布局或某些配置会自动将 QML 项目包装到下一行? 当我使用 QML GridLayout ,项目刚好离开窗口的边缘并被剪裁: GridLayo
如果下一个元素的宽度超过指定布局的宽度,是否有 QML 布局或某些配置会自动将 QML 项目包装到下一行? 当我使用 QML GridLayout ,项目刚好离开窗口的边缘并被剪裁: GridLayo
如何在 qml 文件之间发送变量或信号? http://i.stack.imgur.com/MChCG.png Mainwindow -> 创建组件Item2.qml MainWindow -> 创建
我正在做一些事情,我有一个名为“FloatingMenu”的类(它应该在 C++ 中管理菜单)及其在文件 FloatingMenu.qml 中用于 GUI 的 QML alter-ego。我有一个文件
我正在尝试做一些看似简单的事情,但失败了:定义一个简单的内联文本格式组件,然后用不同的文本多次实例化它。这是代码 Item { . . . Component { id: favButtonL
我可以在页面中使用 InvokeActionItem 轻松共享项目,但我需要能够在 ListView 项目中调用它。我设法触发了一个调用,但我不知道如何在触发它时添加数据。我不断收到错误消息 Invo
我如何在 QML 中检测 Window {} 之外的点击? Rectangle { id: topLevel height: 400; width: 400 Window {
我试过 : var child = grid.children[slot1]; grid.children[slot1] = grid.children[slot2]; grid.children[s
例如,我希望创建一个包含 100 个文本编辑器的 qml 窗口,如何在循环中创建它?那可能吗? 最佳答案 循环是命令式代码,所以它不是 QML,而是 Javascript 或 C++。所以当然,你可以
这是我的 QML 文件,其中包含一个文本组件: import QtQuick 2.0 Item { id: idItmWrapText Text { id: idTxt
我正在寻找一种方法来显示一个文本提示,说明预期的输入作为对用户的建议。以谷歌搜索栏为例: 是否有我缺少的属性,或者这是必须通过脚本来实现的? 最佳答案 Qt Quick 输入项上不存在该属性。您可以为
为 qml 项设置背景的最简单方法是让子矩形的 anchor 完全填满父项: Item { width: 320 height: 240 Rectangle {
我想将属性动态添加到 QML 元素: Item { id: dynamicProperty; property int first; Component.onCompleted: { /*
我用 PySide 和 QML 编写了某种安装程序。按照设计,它必须是多页的。而且我想将要从 QML 表单调用的插槽划分为不同的对象(理想情况下,划分为模块,但据我了解,带有插槽的对象必须继承 QOb
QML 中有没有办法用 opacity: 0 创建一个矩形?仍然有可见的边界?如果没有,有关如何解决它的任何建议? 谢谢 最佳答案 不,不透明度适用于项目的完整视觉方面(并且不透明度:0 使项目完全不
属性变体 a:{}似乎不起作用。 a 最终未定义,而不是一个空字典。 我对 Javascript 不是很有经验...初始化属性以保存空字典的正确方法是什么? 以下 qml 在控制台上打印“qrc:/m
我在 SO 上查看了大量关于 QML 内容边距的问题,但所有答案都指向缺少 spacing: 0 属性。我已经完成了所有这些,但仍然有一些我无法消除的奇怪空间。任何人都可以解释为什么这个 QML 代码
我有一个用于样式定义的 QML 单例,定义如下: pragma Singleton import QtQuick 2.2 import QtQuick.Controls 1.1 import QtQu
这是以下代码的结果: 主.qml import QtQuick 2.8 Item { Reusable { index: 1234 // reusable with
属性变体 a:{}似乎不起作用。 a 最终未定义,而不是一个空字典。 我对 Javascript 不是很有经验...初始化属性以保存空字典的正确方法是什么? 以下 qml 在控制台上打印“qrc:/m
我是一名优秀的程序员,十分优秀!