2. 使用Rectangle和Text构建静态界面
任务目标
使用 QML 的 Rectangle 和 Text 类型构建一个静态界面：一个带背景色的矩形窗口，内部显示居中的文本标签，并明确设置矩形颜色、尺寸以及文本内容、字体大小和颜色。
环境依赖
需要 Qt 5.15 或 Qt 6.x 环境，安装 Qt Quick 模块。通过 qmlscene 或 qml 运行器直接加载 QML 文件即可预览，无需额外依赖。
完整实现代码
import QtQuick 2.15
// 若使用 Qt 6，请改为：import QtQuick
Rectangle {
width: 400
height: 300
color: "#2C3E50" // 深蓝灰色背景
Text {
anchors.centerIn: parent
text: "QML 静态界面"
color: "#ECF0F1" // 浅色文字
font.pixelSize: 28
font.bold: true
font.family: "Microsoft YaHei"
}
}运行方式
- 将上述代码保存为
StaticUI.qml。 - 在终端执行：
qmlscene StaticUI.qml（Qt 5）或qml StaticUI.qml（Qt 6）。
验证方法
运行后应出现一个 400×300 像素的深蓝色窗口，窗口正中央显示加粗的白色文字“QML 静态界面”，字号为 28 像素。若文字位置、颜色或窗口尺寸与设置一致，则案例通过。
关键说明
anchors.centerIn: parent使文本相对于父矩形居中，无需手动计算坐标。- 颜色值使用十六进制
#RRGGBB格式，也可使用 Qt 内置颜色名（如"red"）。 - 字体属性通过
font.pixelSize、font.bold、font.family设置，其中font.family依赖系统已安装字体，若不存在则自动回退到默认字体。