qt Qml qml Property的使用方法

scan1

已于 2024-04-07 14:24:50 修改

阅读量609

点赞数 9

分类专栏： qml 文章标签： Qt Qquick QML property

于 2024-04-07 14:23:52 首次发布

本文链接：https://blog.csdn.net/weixin_60755571/article/details/137462775

版权

qml 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了在QtQuickQML中使用property特性声明变量、设置属性类型、以及readonly和required的使用方法，同时展示了如何通过alias功能间接修改控件属性。通过实例代码演示了如何在主窗口中动态控制嵌套的Rectangle组件。

摘要由CSDN通过智能技术生成

9.property

简介：

自己声明一个变量名，自己赋值，外部可以对其赋值

可以声明一个属性变量

int

string

var

double

等等

也可以声明一个控件用于外部写入到本qml

rectangle

component

等等

其他：

在property前面可以加readonly就可以只能外部访问，不能修改

在property前面可以加required就可以在外部创建这个属性后才能建立子控件，如果没创建就报错

注意：属性的name不能首字母大写

property可以声明的属性变量里有个特殊的就是 alias 可以去声明一个控件的一个属性，方便外部修改

示例代码：

My_rec_1.qml

import QtQuick 2.0

Rectangle{

    id:outrec
    property color mycolor: "red"
    property int myheight:100
    readonly property int mywidth:200
    required property Component mycomponent
    property alias newinrec: inrec
    property alias newinrec_leftMargin: inrec.anchors.leftMargin
    width: mywidth
    height: myheight
    color: "blue"
    Loader {
    id:loader
    sourceComponent: mycomponent}
    Rectangle{
        id:inrec
        color:mycolor
        anchors.fill:parent
        anchors.topMargin: 20
        anchors.bottomMargin: 20
        anchors.leftMargin: 20
        anchors.rightMargin: 10
    }


}

main.qml

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    visible: true
    width: 800
    height: 600
    title: qsTr("Hello scan")
    color: "gray"
    Component{
        id:com
        Button{
            width:50
            height: 25}}
    My_rec_1{
        id:myrec
        mycomponent: com
        Component.onCompleted: {console.log(mywidth)}
    }
    MouseArea{width:100
        height: 50
        x:500
        Rectangle{
            anchors.fill: parent
            color:"red"
        }
        onClicked: {
            myrec.newinrec.anchors.bottomMargin = 50
            myrec.myheight = 400
            myrec.newinrec_leftMargin = 0
        }
    }
}