Qml-Item的Id生效范圍

前置聲明

1. 本實(shí)例在Qt6.5版本中做的驗(yàn)證
2. 同一個(gè)qml文件中，id是唯一的，即不同有兩個(gè)相同id 的Item;當(dāng)前qml文件中聲明的id在當(dāng)前文件中有效（即如果其它組件中傳入的id，與當(dāng)前qml文件中id 相同，當(dāng)前qml文件中id生效）
3. 在父級(jí)qml文件中聲明的id，可以傳遞給子集的qml文件中使用
4. 實(shí)例由4個(gè)qml文件組成：主qml （ ItemIdScopeTest.qml）: 由3個(gè)子qml組件元素；子qml1(ItemIdGDataPro.qml)定義了一個(gè)純屬性的Item,另兩個(gè)子qml（ItemIdComponent_1.qml，ItemIdComponent_2.qml）中由一個(gè)Rectangle元素組成

Item Id生效范圍 實(shí)例代碼

1. ItemIdGDataPro.qml文件,定義了id名稱和兩個(gè)color屬性， 代碼如下:

import QtQuick
//由于測(cè)試Item中id 作用范圍和影響
Item{id:idGDataProproperty color reColor1: "blue"property color reColor2: "green"onReColor1Changed: {console.log("reColor___1   Changed");}onReColor2Changed: {console.log("reColor___2   Changed");}}

2.ItemIdComponent_1.qml 文件內(nèi)容如下

	import QtQuick
//用于測(cè)試Item中id 作用范圍和影響
Item{ItemIdGDataPro{id:idGDataProproperty color reColor1: "blue"}Rectangle{id:idComp1width: 100height: 100color: idGDataPro.reColor1}
}

3.ItemIdComponent_2.qml 文件內(nèi)容如下

import QtQuick//由于測(cè)試Item中id 作用范圍和影響
Item{Rectangle{id:idComp2width: 100height: 100//Comp2 中 idGDataPro.reColor2color: idGDataPro.reColor2}
}

3.ItemIdScopeTest.qml 文件,使用其它3個(gè) 子qml 元素，內(nèi)容如下

import QtQuick//由于測(cè)試Item中id 作用范圍和影響。
//1.在同一個(gè)qml中不能有Item 有相同的id;
//1.在qml文件中，定義的id 優(yōu)先級(jí)最高
//2.在父qml文件中，設(shè)置其它Item的id,包含在父qml文件中其它組件所在qml中可以使用此id的屬性Item{height: 480width: 320Rectangle{anchors.fill: parentItemIdGDataPro{id:idGDataPro}ItemIdComponent_1{id:idComp1x:20y:20}ItemIdComponent_2{id:idComp2x:150y:20}}
}

結(jié)果：
1.ItemIdScopeTest.qml 文件中定義的Id,可以在ItemIdComponent_2.qml中使用；
2.ItemIdComponent_1.qml 中定義了相同Id名稱的“ idGDataPro”,在ItemIdComponent_1.qml文件中就使用了自身定義的“idGDataPro”;
3.實(shí)驗(yàn)驗(yàn)證方式:可以通過添加onXXXChanged() 函數(shù)（XXX代表定義的屬性），來驗(yàn)證是哪個(gè)對(duì)應(yīng)屬性發(fā)生了改變

Item Id生效范圍效果

1.可驗(yàn)證：
a.主qml中不定義ItemIdGDataPro 對(duì)象，,在子qml組件中使用ItemIdGDataPro 的屬性效果。
b.主qml中定義ItemIdGDataPro 對(duì)象，,在某個(gè)子qml組件中定義主qml同樣屬性Id的對(duì)象，修改主qml中ItemIdGDataPro 對(duì)象屬性值，查看是否影響子qml中屬性值。