QML Item 核心元素

核心元素

元素可以分为可视元素和非可视元素。可视元素（如 ）具有几何图形，通常在屏幕上显示一个区域。非可视元素。比如定时器Timer、获取鼠标事件的MouseArea

目前，我们将重点介绍基本的视觉元素，例如 、 、 和 。但是，通过使用Qt Quick Controls 2模块，可以创建从标准平台组件（如按钮，标签和滑块）构建的用户界面。Item、Rectangle、Text、Image、MouseArea

项目元素

Item是所有可视元素的基本元素，其他可见元素都是从Item继承 。它本身不会显示任何内容，而是定义所有可视元素中通用的所有属性：Item。
如下：

• 位置、堆叠顺序、宽高，对应属性x、y、z、width、height
• 布局相关的锚定属性-，比如anchor.fill:parent,填满父对象
• 键盘事件- 快捷键、Tab切换焦点等。Key、KeyNavigation、focus
• 转换- 转换坐标或宽高以及旋转等。scale、rotate、transform、transformOrigin
• 视觉- 控制透明度、显示/隐藏元素、将绘画操作限制到元素边界以及增强渲染质量。opacity、visible、clip、smooth
• 状态定义- 列表属性，其中包含支持的状态列表、当前属性和列表属性，用于对状态更改进行动画处理。可以理解为自带状态机，标记不同状态，还可定义状态过渡的动画。states、state、transitions

基本属性

Item{
	width:100
	heigth:100
	z:1
}

以上代码在屏幕中不会有任何显示，通常当做界面元素的容器，为界面分组，或统一管理子元素的相对坐标，透明度等

children、resource属性

Item有children、resource属性，这两个属性比较特殊。以下代码是在Item中创建两个Text和Timer。
children管理界面元素，resource管理不可见元素。

Item{
	children:[
		Text{text:"H1"}
		Text{text:"H2"}
	]
	resource:[
		Timer{}
	]
}

data属性

Item还有一个data属性，会将数组内的可视元素自动当做children，不可见元素当做resource

Item{
	data:[
		Text{text:"H1"}
		Text{text:"H2"}
		Timer{}
	]
}

默认属性

Item默认属性是data，如下，这三个元素其实给了data属性。

Item{
	Text{text:"H1"}
	Text{text:"H2"}
	Timer{}
}

visible属性

控制是否可见，也就是显示隐藏，默认为true。