- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
要获取父组件的属性值并将它们分配给子属性,我们可以直接使用父属性
//Component1.qml:
Item
{
Component2
{
contentWidth:200
}
}
//Component2.qml:
Item
{
property int contentWidth:0
Rectangle
{
width:parent.contentWidth
}
}
//Component1.qml:
Item
{
Component2
{
contentWidth:200
}
}
//Component2.qml:
Item
{
property alias contentWidth:rect.width
Rectangle
{
id:rect
}
}
最佳答案
您的两个示例之间存在非常显着的差异。
一个 property alias something: id.property
自动创建双向绑定(bind),而在示例 1 中您只有单向绑定(bind)。
含义:如果更改 contentWidth
的值两个的宽度Rectangle
s 会改变 - 如果现在(假设)在组件 Rectangle
中有一些内部会改变宽度,这种变化只会反射(reflect)在示例 2 中,而在示例 1 中,绑定(bind)会被破坏。
我不知道实现细节,但是优化它可能更容易,如果你具体告诉它,它不仅与它绑定(bind),而且实际上是相同的值。
一个简单的经验法则是:
使用property alias ...:...
如果它在逻辑上是别名,那么属性本质上是相同的。如果您想将属性从子级导出到外部,甚至是整个子级,通常就是这种情况。
使用属性绑定(bind),如果你想绑定(bind)它们的值,因为它们的值巧合地相同,或者特别是如果不是,但一个只依赖于另一个(但不一定是其他方式,因为默认情况下你只有一个单向绑定(bind))
一个 readonly property Item child1: idOfChildOne
可能与 property alias child1: idOfChildOne
具有相同的效果,但从语义上讲,第一个类似于保存指针的存储(由于 readonly 标志,仅禁止更改),但第二个是直接访问该子项。所以通常你想使用第二个(正如 QtDesigner 所做的那样)。
关于Qml 属性与别名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45655106/
如果下一个元素的宽度超过指定布局的宽度,是否有 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
我是一名优秀的程序员,十分优秀!