QML中Item元素介绍（QMLItemElement）

QML中Item元素介绍（QMLItemElement）

在Qt Declarative中所有可视元素都继承自Item， Item本身并不可视，只是用它定义了所有可视元素公有的属性。

例如像x,y坐标，width宽度，height高度，锚anchoring以及按键处理等。

Item还有个用处就是将很多的item组织起来。如下所示：

Item {

Image {

source: \"tile.png\"

}

Image {

x: 80

width: 100

height: 100

source: \"tile.png\"

}

Image {

x: 190

width: 100

height: 100

fillMode: Image.Tile

source: \"tile.png\"

}

}

Identity

每个item都有一个id，它是这个item的唯一标识。在绑定或是语句中可以用这个id可以用来索引到具体的那个item，

就像下面这样：

Text { id: myText; ... }

Text { text: myText.text }

但这个id不应该认为是个属性， myText.id这样的写法是没有意义的。

Key Handling

所有继承自Item的可视化元素都可以通过Keys这个属性来处理按键。Keys属性提供一些基础的按键处理，例如onPressed

和onReleased，当然也有一些特定按键的处理，例如onCancelPressed。下面这个例子描述了如何给一个item设置焦点，

如何通过onPressed和onSelectPressed来处理左键。

Item {

focus: true

Keys.onPressed: {

if (event.key == Qt.Key_Left) {

console.log(\"move left\");

event.accepted = true;

}

}

Keys.onSelectPressed: console.log(\"Selected\");

}

Property Change Signals

Item的很多属性以及Item的衍生属性在它们发生改变时都会发出信号。通常信号都是按照Changed命名的，

即属性名后面加上Changed。比如说当x属性改变时，xChanged信号会发出。注意通常也会有具体的槽来处理这个信号。

属性说明

activeFocus : bool

这个属性表明当前的item是否处于焦点状态。一个item只有在处于焦点的状态或者是一个FocusScope中的一个元素下才能

接收键盘输入。通常，当对某个item设置焦点以及对包含它的FocusScopes设置焦点时，activeFocus被置为真。在下面的

例子中，input将会有一个为真的activeFocus。

Rectangle {

FocusScope {

focus: true

TextInput {

id: input

focus: true

}

}

}

anchors.top : AnchorLine

anchors.bottom : AnchorLine

anchors.left : AnchorLine

anchors.right : AnchorLine

anchors.horizontalCenter : AnchorLine

anchors.verticalCenter : AnchorLine

anchors.baseline : AnchorLine

anchors.fill : Item

anchors.centerIn : Item

anchors.margins : real

anchors.topMargin : real

anchors.bottomMargin : real

anchors.leftMargin : real

anchors.rightMargin : real

anchors.horizontalCenterOffset : real

anchors.verticalCenterOffset : real

anchors.baselineOffset : real

这几个有关锚anchor的属性是用来定位这个item的，具体解释请参考QML中基于锚的布局

children : list 只读

resources : list