创建项目

Qt Design Studio 的一大优点是它允许设计人员和开发者使用通用的设计、开发、性能分析和调试工具在不同的开发平台上共享项目。

创建项目可以使您

  • 将文件分组。
  • 包括 UI 文件 (.ui.qml),组件文件 (.qml) 和资源文件。
  • 指定预览 UI 的设置。

在 Qt Design Studio 中设置新项目可借助带有预设选项向导的帮助。您可以根据需要调整项目设置并保存自定义预设。创建项目时,将创建所有必要的文件。

以下预设选项可用

分类预设用途
最近使用列出您最近使用的预设。
通用创建使用默认组件(如矩形、图像和文本)的项目。您可以在所有目标平台上运行应用程序。
3D创建使用默认和 3D 组件(如摄像机、灯光、3D 模型和材料)的项目。
3D 扩展版创建使用默认和 3D 组件的项目,如摄像机、灯光、模型和材料。还包括扩展场景环境,以启用各种内置效果。
Qt for MCUsMCU创建使用 Qt for MCUs 支持的默认组件子集的应用程序,可以在 MCU 板上部署、运行和调试。有关更多信息,请参阅为 MCU 创建项目
移动滚动创建使用 Qt Quick 控件实现可滚动列表的应用程序。
堆叠创建使用 Qt Quick 控件实现基于堆栈的导航模型的一组页面的应用程序。
滑动创建使用 Qt Quick 控件实现可滑动的屏幕的应用程序。
桌面启动器创建使用默认组件(如矩形、图像和文本)并定义启动器应用程序的项目。
自定义列出您保存的自定义预设。

注意:如果没有保存自定义预设,则此选项卡不可见。

"The Create Project wizard"

为了测试您的设计效果,您可以在桌面上、嵌入式Linux设备上或Android设备上预览UI。有关更多信息,请参阅使用目标硬件验证

您可以从其他设计工具导出设计并将其导入项目。有关更多信息,请参阅从设计工具导出从其他设计工具导入设计

创建项目

要创建项目

  1. 选择 文件 > 新建项目
  2. 预置 选项卡中,选择一个预置。
  3. 详情 选项卡中
    • 输入项目的名称。请注意,项目名称以后不易更改。
    • 选择项目文件的路径。您可以在以后移动项目文件夹。
    • 设置桌面或设备上预览UI的屏幕分辨率。这决定了屏幕大小。您可以在属性中稍后更改屏幕大小。
    • 选择 使用 Qt 虚拟键盘 以启用用户使用虚拟键盘输入文本。
    • 目标 Qt 版本 中,选择用于开发应用程序的 Qt 版本。虽然您可以在项目的 运行设置 中稍后更改 Qt 版本,但请注意,这两个版本并不完全兼容。
  4. 风格 选项卡中,选择一个预定义的 UI 风格
  5. 选择 创建 以创建项目。

Qt Design Studio创建以下文件和文件夹

  • `.qmlproject` 项目文件定义了项目文件夹中的所有组件、JavaScript和图像文件都属于该项目。因此,您无需逐个列出项目中的所有文件。
  • `-.qml` 文件定义了组件的功能和外观。
  • Screen01.ui.qml 定义了一个定制组件,您可以在 2D 视图中进行编辑。有关更多信息,请参阅 UI 文件

    默认情况下,这是项目中的主要文件,但您可以在 `.qmlproject` 文件中更改它。虽然定制组件是新用户的好起点,但您不需要使用它。具体来说,如果您使用Qt Bridge导出并导入设计,主文件可能带有不同的名称。有关更多信息,请参阅 从设计工具导出

  • CMakeLists.txt 项目配置文件,允许您将项目作为完整工作的C++应用程序与开发者共享。
  • `-qtquickcontrols2.conf` 文件指定了首选的风格和一些特定风格的参数。
  • `-fonts` 文件夹包含您在 资源 中添加的字体系列文件。
  • `-imports` 文件夹包含一个 Constants.qml 文件,该文件指定了Arial字体和屏幕分辨率的字体加载器。默认情况下,Screen.ui.qml中的 矩形 的大小应设置为 width: Constants.width & height: Constants.height 以继承此处保存的全球分辨率。
  • `-qmldir` 模块定义文件声明了Constant组件。有关更多信息,请参阅 模块定义 qmldir 文件

要在UI中使用JavaScript和图像文件,请选择 资源 >

使用定制预置

您可以将项目设置保存为自定义预设。所有保存的自定义预设都在“自定义”选项卡中可用,该选项卡位于“创建项目”向导中。创建自定义预设后,您无法修改它们。

要创建自定义预设

  1. 在“创建项目”向导中,设置您想要使用的详细信息 и стили.
  2. 选择“保存自定义预设”并为自定义预设命名。

向项目中添加文件

您可以使用向导模板将单个文件添加到项目中。

在“Qt 快速控件”类别中的向导模板创建了“Qt 快速控件”模块中组件的可自定义版本。有关更多信息,参见创建自定义控件

您可以创建以下类型的文件

分类向导模板用途
Qt 快速文件Flow 项和 Flow 视图生成可在应用程序流程中使用的组件。
Qt 快速文件生成一个以以下默认组件或 定位器 作为根组件的组件:項目矩形图像边框图像可滑动、行、列、流或网格。
Qt 快速 UI 文件生成带有以上组件作为根组件的 UI 文件。
Qt 快速视图生成网格视图或列表视图更多详细信息,请参阅列表和网格视图
Qt 快速 UI 表单为实施目的创建一个 UI 文件和相应的 QML 文件。
Qt 快速控件自定义按钮创建具有文本标签的 推按钮
自定义复选框创建 复选框
自定义旋钮创建 旋钮
自定义滑块创建 滑块
自定义组合框创建 组合框
自定义开关创建具有开和关状态的 开关
面板提供与 UI 风格和主题匹配的背景。
堆叠布局提供基于堆栈的导航模型。
SwipeView使用户可以通过侧面滑动来导航页面。
QML 文件ListModel列表模型 添加到项目中。
JavaScriptJavaScript 文件生成可用来编写应用程序逻辑的文件。这对于在开发者在 C++ 中实现应用程序逻辑之前测试应用程序非常有用。有关更多信息,请参阅模拟应用程序逻辑

在特定 Qt 许可证下提供。
了解更多信息。