使用 Qt Design Studio 在 QML 项目中创建用户界面

在开始之前，请确保您已经安装了 Qt 和 Qt Design Studio。Qt Design Studio 是 Qt Creator 的一个插件，它提供了可视化的界面设计和布局工具。
首先，打开 Qt Creator 并创建一个新的 QML 项目。在“文件”菜单中选择“新建文件或项目”，然后选择“QML 文件”并命名它。
一旦项目创建完成，您可以在 Qt Designer 中打开它。在 Qt Creator 的左侧面板中，您会看到一个名为“设计”的选项卡。点击它，您将进入 Qt Designer。
在 Qt Designer 中，您可以看到一个空白的画布。这是您将设计 QML 界面的地方。从工具箱中拖动元素（如按钮、文本框等）到画布上，并使用属性编辑器设置它们的属性（如颜色、字体等）。
在设计完界面后，您需要保存它。在 Qt Designer 的顶部菜单中，选择“文件”->“保存”。这将生成一个 .ui 文件，它是您的界面设计的 XML 表示形式。
现在，您需要将这个 .ui 文件导入到您的 QML 文件中。在 Qt Creator 中，打开您的 QML 文件。在代码编辑器中，添加以下代码：