C++界面开发框架Qt新手入门指南 - 如何创建Qt Quick UI项目_c++ 创建ui界面

Qt技术交流群：166830288      欢迎一起进群讨论

Qt Quick UI Prototype项目可用于测试或制作用户界面原型，或者用于为QML编辑设置单独的项目。您不能将它们用于应用程序开发，因为它们不包含：

• C++ 代码
• 资源文件 (.qrc)
• 将应用程序部署到设备所需的代码

要创建 Qt Quick UI Prototype 项目：

1. 选择File > New Project > Other Project > Qt Quick UI Prototype。

2. 选择Choose来打开Project Location对话框。

3. 在Name字段中，输入应用程序名称。

4. 在Create in字段中，输入项目文件的路径。选中Use as default project location复选框以默认在此文件夹中创建新项目。

5. 选择Next（在 macOS选择Continue）来打开Define Project Details对话框。

6. 在Minimum required Qt version字段中，选择要使用的Qt版本，Qt版本决定了QML文件中使用的Qt Quick导入。

您可以稍后添加导入来将Qt Quick基本类型与Qt Quick Controls、Qt Quick Dialogs 和 Qt Quick Layouts（自 Qt 5.1 起可用）结合起来。

7. 选中 Use Qt Virtual Keyboard 复选框以向应用程序添加对 Qt Virtual Keyboard 的支持。

注意：如果您在安装Qt的时候没有安装Qt Virtual Keyboard模块，当你尝试打开main.qml时会出现错误信息。

8. 选择Next来打开Kit Selection对话框。

9. 为您要为其构建应用程序的平台选择套件。

注意：如果已在 Edit > Preferences 中指定套件，则会列出套件。

10. 选择Next来打开 Project Management 对话框。

11. 查看项目设置，然后选择Finish（在 Windows 和 Linux 上）或Done（在 macOS 上）来创建项目。

Qt Creator 创建以下文件：

• .qmlproject 项目文件定义了项目文件夹中的所有 QML、JavaScript 和图像文件都属于该项目，因此您不需要单独列出项目中的所有文件。
• .qml 文件定义了一个 UI 项，例如一个组件或整个应用程序 UI。
• ui.qml 文件为应用程序 UI 定义了一个表单，如果您选择了带有.ui.qml 文件复选框，则会创建此文件。

要在应用程序中使用 JavaScript 和图像文件，请将它们复制到项目文件夹中。

Qt组件推荐

• QtitanRibbon - Ribbon UI组件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件，QtitanRibbon致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。
• QtitanChart - Qt类图表组件：是一个C ++库，代表一组控件，这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。
• QtitanDataGrid - Qt网格组件：提供了一套完整的标准 QTableView 函数和传统组件无法实现的独特功能。使您能够将不同来源的各类数据加载到一个快速、灵活且功能强大的可编辑网格中，支持排序、分组、报告、创建带状列、拖放按钮和许多其他方便的功能。
• QtitanNavigation：QtitanNavigationDesignUI 组件是一组 GUI 控件，它实现了菜单、导航框、命令栏等导航界面，并让您以更少的滚动和点击次数有效地查看所有实体（工作区、网格或其他项目）。
• QtitanDocking：允许您像 Visual Studio 一样为您的伟大应用程序配备可停靠面板和可停靠工具栏。黑色、白色、蓝色调色板完全支持 Visual Studio 2019 主题！

---

Qt技术交流群：166830288      欢迎一起进群讨论

更多Qt产品教程、下载、正版授权资讯，请点击获取