前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Qml好用的default附加属性

Qml好用的default附加属性

作者头像
Qt君
发布2019-07-15 16:43:21
1.5K0
发布2019-07-15 16:43:21
举报
文章被收录于专栏:跟Qt君学编程

Qml存在一个神秘附加属性(default)却是很少用,少用却是很好用。看看我这是怎么用的吧。

1.default附加属性

  • 组件内部( {}内)仅此一个default标记。
  • 被deault标记的属性可以使用外部对象,甚至还能使用外部对象的所有子控件。

2.示例1

  MyText.qml组件内部引用外部对象的两种方法。

代码语言:javascript
复制
import QtQuick 2.0

Text {
    default property variant textObject
    text: textObject.text
}

  方法一:

  • textObject值可以在MyText对象定义中赋值。
  • MyText的Text控件被引用到textObject中使用。
代码语言:javascript
复制
MyText {
    Text { text: "xxxxx" } // 默认传递给textObject值。
}

  方法二:

  • 上面操作等同于:
代码语言:javascript
复制
MyLabel {
    textObject: Text { text: "xxxxx" } // 等同于默认传递给textObject值。
}

3.例子2

  看似很没用的属性却说有用,还说好用。第一个例子看起来和常规做法差不多。那么我们看看第二个例子使用起来是如何好用的。   Group.qml组件:

代码语言:javascript
复制
import QtQuick 2.0

FocusScope {
    property alias title: title.text
    default property alias items: colume.children

    Text { id: title }

    Column {
        id: colume
        anchors.top: title.bottom
    }
}

  Group的使用:

代码语言:javascript
复制
Group {
    title: "title"

    Rectangle {
        width: 100; height: 50;
        color: "red"
    }

    Rectangle {
        width: 100; height: 50;
        color: "lightblue"
    }
}

  如果不使用该特性则需要这样做:   如需要多个地方使用则需要重复操作,管理不方便,且理解不直观。

代码语言:javascript
复制
Column {
    Text {
        text: "title"
    }

    Column {
        Rectangle {
            width: 100; height: 50;
            color: "red"
        }

        Rectangle {
            width: 100; height: 50;
            color: "lightblue"
        }
    }
}

效果:

4.最后

  从上面例子可以看到Group组件具备Column控件的布局功能,并扩展出类似于 GroupBox控件的功能。原因在于colume.children引用了Group的子控件触发自动布局。

  对于上面例子我们还可以内部操控items对象列表来操作Group上的子控件属性,如item[0].visible = false来隐藏红色矩形控件。

  这样做我们就可以增强组件的功能,降低代码量,特别是那些具备标题栏或某些附属栏的组合框

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-06-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.default附加属性
  • 2.示例1
  • 3.例子2
  • 4.最后
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档