【QT-QML】3.核心元素

1. 核心元素

元素可以分为可视化元素和非可视化元素。可视化元素（如 Rectangle ）具有几何形状，通常在屏幕上呈现一个区域。非可视化元素（如 Timer ）提供通用功能，通常用于操作可视化元素。

目前，我们将重点关注基础的可视化元素，例如 Item 、 Rectangle 、 Text 、 Image 和 MouseArea 。不过，通过使用 Qt Quick Controls 2 模块，也可以使用按钮、标签和滑块等标准平台组件来构建用户界面。

1.1 Item元素

Item 是所有可视化元素的基类，因此所有其他可视化元素都继承自 Item 。它本身不绘制任何内容，但定义了所有可视化元素通用的属性：

• 几何结构（Geometry）—— x 和 y 用于定义左上角位置， width 和 height 用于定义元素的尺寸扩展， z 用于定义堆叠顺序，从而在自然排序的基础上提升或降低元素的层级。
• 布局处理 - 使用 anchors （左、右、上、下、垂直中心和水平中心）相对于其他元素定位元素，并带有可选的 margins 。
• 按键处理 - 使用附加的 Key 和 KeyNavigation 属性来控制按键处理，并使用 focus 属性来首先启用按键处理。
• 变换 - 用于控制 x、y、z 轴变换的 scale 和 rotate 变换以及通用的 transform 属性列表，此外还包含一个 transformOrigin 基准点。
• 视觉 - 用于控制透明度的 opacity ，用于显示/隐藏元素的 visible ，用于将绘制操作限制在元素边界内的 clip ，以及用于提升渲染质量的 smooth 。
• 状态定义 - 包含支持的状态列表的 states 列表属性，当前的 state 属性，以及用于为状态切换添加动画效果的 transitions 列表属性。

为了更好地理解这些不同的属性，我们将在本章介绍各元素的过程中穿插讲解。请记住，这些基础属性适用于每一个可视化元素，并且在这些元素中的作用方式完全相同。

提示: