Qt Design Studio创建工程的实现方法

目录
  • Creating Projects
  • 使用项目向导
  • 向项目中添加文件

Creating Projects

Qt Design Studio的主要优势之一是，它允许设计人员和开发人员使用通用的设计、开发、分析和调试工具在不同的开发平台上共享一个项目。

创建项目使您能够:

  • 文件组
  • 包括UI文件(.ui.qml)、组件文件(.qml)和资产文件
  • 设置用户界面预览

在Qt Design Studio中设置一个新项目可以通过向导逐步指导您完成项目创建过程。向导模板提示您输入特定类型项目所需的设置，并为您创建必要的文件。

要测试您的设计工作得如何，您可以在桌面、嵌入式Linux设备或Android设备上预览ui。

您可以从其他设计工具导出设计并导入到项目中，或使用以下向导预置从头创建它们:

类型 向导预设 描述
General Empty 创建使用默认组件(如矩形、图像和文本)的项目。您可以在所有目标平台上运行该应用程序。
3D 创建使用默认和3D组件(如相机、灯光、3D模型和材料)的项目。
Qt for MCUs MCU 创建一个应用程序，使用默认组件的子集(如Qt支持的MCU)，您可以部署，运行和调试MCU板。
Mobile Scroll 创建一个使用Qt Quick控件实现可滚动列表的应用程序。
Stack 创建一个应用程序，使用Qt Quick控件实现一组基于堆栈的导航模型的页面。
Swipe 创建一个使用Qt Quick控件实现可滑动屏幕的应用程序。
Desktop Launcher 创建使用默认组件(如矩形、图像和文本)的项目，并定义启动程序。

使用项目向导

创建一个新项目:

  • 选择File > New Project
  • 在“Presets”选项卡中，选择向导预设。
  • 在Details选项卡中:
    • 为项目输入一个名称。请记住，以后不能轻易地重命名项目。
    • 选择项目文件的路径。稍后您可以移动项目文件夹。
    • 设置桌面或设备界面预览的屏幕分辨率。这决定了屏幕的大小。您可以稍后在属性中更改屏幕大小。
    • 选择“Use Qt Virtual Keyboard”允许用户使用虚拟键盘输入文本。
    • 在Target Qt Version中，选择用于开发应用程序的Qt版本。虽然您可以稍后在项目的运行设置中更改Qt版本，但请记住这两个版本不是完全兼容的。
  • 在“Style”选项卡中，选择要使用的预定义UI样式之一。
  • 选择Create以创建项目。

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

  • .qmlproject项目文件定义项目文件夹中的所有组件、JavaScript和图像文件属于项目。因此，您不需要单独列出项目中的所有文件。
  • .qml文件定义组件的功能和外观。
  • Screen01.ui.qml定义了一个可以在表单编辑器中编辑的自定义组件。
    默认情况下，这是项目中的主文件，但是您可以在.qmlproject文件中更改它。虽然自定义组件对于新用户来说是一个很好的起点，但您不必使用它。特别是，如果您使用Qt Bridge导出和导入设计，那么您的主文件很可能被称为其他文件。
  • CMakeLists.txt项目配置文件，允许您与开发人员共享您的项目作为一个完全工作的c++应用程序。
  • qtquickcontrols2.conf文件指定首选的样式和一些特定于样式的参数。
  • fonts文件夹包含已添加到库>资产中的字体文件。
  • imports文件夹中包含一个Constants.qml文件，它为Arial字体和屏幕分辨率指定一个字体加载器。默认Screen.ui.qml矩形的大小应该设置为width: Constants.width & height: Constants.height ，以便它继承这里保存的全局分辨率。
  • qmldir模块定义文件声明了Constant组件。

要在UI中使用JavaScript和图像文件，请选择Library > Assets > 。

向项目中添加文件

还可以使用向导模板向项目添加单个文件。

在Qt Quick Controls类别中的向导模板创建Qt Quick Controls模块中组件的可样式版本。您可以创建以下类型的文件:

类型 向导模板 描述
Qt Quick Files Flow Item and Flow View 生成可用于设计应用程序流的组件。
Qt Quick File 生成一个组件，使用以下默认组件或定位符作为根组件:项目、矩形、图像、边框图像、可伸缩、行、列、流或网格。
Qt Quick UI File 生成一个UI文件，其中一个组件作为根组件。
Qt Quick Views 生成网格视图或列表视图。
Qt Quick Controls Custom Button 创建带有文本标签的按钮。
Custom CheckBox 创建一个复选框。
Custom Dial 创建一个旋钮。
Custom Slider 创建一个滑块。
Custom SpinBox 创建一个旋转框。
Custom Switch 创建具有开和关状态的开关。
Pane 提供与UI样式和主题匹配的背景。
StackView 提供基于堆栈的导航模型。
SwipeView 允许用户通过横向滑动来导航页面。
QML Files ListModel 向项目添加列表模型。
JavaScript JavaScript File 生成可用于编写应用程序逻辑的文件。这对于在开发人员用c++实现应用程序逻辑之前测试应用程序是很有用的。

到此这篇关于Qt Design Studio创建工程的实现方法的文章就介绍到这了,更多相关Qt Design Studio创建工程内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • PyCharm安装配置Qt Designer+PyUIC图文教程

    PyCharm安装配置Qt Designer+PyUIC图文教程

    PyCharm安装配置Qt Designer+PyUIC教程 1.安装依赖 命令形式 pip install PyQt5 pip install pyqt5-tools 界面形式 安装这两个 2.找到 QTDesigner 和 PyUIC QTDesigner 位于项目目录下的 venv 文件夹下 在 Lib 里面找到 qt5_applications PyUIC 位于 venv 文件夹的 Script 下面 3.PyCharm 添加快速启动 指定名称,并指定程序路径即可 通过 Tools 的菜

  • Qt Designer的简单使用方法

    Qt Designer的简单使用方法

    在前面两节的例子中,主界面窗口的尺寸和标签控件显示的矩形区域等,都是用 C++ 代码编写的.窗口和控件的尺寸都是预估的,控件如果多起来,那就不好估计每个控件合适的位置和大小了. 用 C++ 代码编写图形界面的问题就是不直观,因此 Qt 项目开发了专门的可视化图形界面编辑器--Qt Designer(Qt 设计师).通过 Qt Designer 就可以很方便地创建图形界面文件 *.ui ,然后将 ui 文件应用到源代码里面,做到"所见即所得",大大方便了图形界面的设计. 本节就演示一下

  • QT5 Designer 打不开的问题及解决方法

    designer.exe 无法打开背景 python 3.8 按照pip install pyqt5和pip install pyqt5-tools完成安装后,进入..\Python\Lib\site-packages\pyqt5_tools\Qt\bin 目录打开designer.exe报错如下: 解决方案 将以下目录中的两个dll文件 -\Python\Lib\site-packages\pyqt5_tools\Qt\plugins\platforms 拷贝覆盖到 -\Python\Lib\

  • Pycharm安装Qt Design快捷工具的详细教程

    在使用Python开发Gui程序可以使用Qt Design工具进行界面设计,下面记录在Pycharm中设置Qt Design快捷工具和如何把Qt Design中图形化的ui界面文件转化成py文件 先记录好需要填写的内容 1.Qt_Designer 快捷工具名称 2.(填写Qt安装的路径 designer.exe) 3.$ProjectFileDir$ 1.PyUIC 快捷工具名称 2.python的安装目录 3.-m PyQt5.uic.pyuic $FileName$ -o $FileName

  • PyQt 图解Qt Designer工具的使用方法

    前言 Qt Designer是PyQt程序UI界面的实现工具,Qt Designer工具使用简单,可以通过拖拽和点击完成复杂界面设计,并且设计完成的.ui程序可以转换成.py文件供python程序调用.本文主要通过用户登录需求描述Qt Designer工具开发界面的使用方法. 开发工具版本 pyhton3.7.4 + PyQt 5.11.2 Qt Designer工具主界面 打开路径:${python安装目录}/Lib/site-packages/pyqt5_tools/designer.exe

  • PyQt5结合QtDesigner实现文本框读写操作

    PyQt5结合QtDesigner实现文本框读写操作

    本文主要介绍了PyQt5结合QtDesigner实现文本框读写操作,分享给大家,具体如下: 主要内容: 1.读.写 输入控件(Input Widgets)中的内容(str) 2.保存数据到txt文件 3.从txt文件中读内容,与输入控件中内容比较 将上述各种输入控件(Input Widgets)中的内容保存到txt文件中: Ui文件 # -*- coding: utf-8 -*- from PyQt5 import QtCore, QtGui, QtWidgets class Ui_Dialog

  • Qt Design Studio创建工程的实现方法

    Qt Design Studio创建工程的实现方法

    目录 Creating Projects 使用项目向导 向项目中添加文件 Creating Projects Qt Design Studio的主要优势之一是,它允许设计人员和开发人员使用通用的设计.开发.分析和调试工具在不同的开发平台上共享一个项目. 创建项目使您能够: 文件组 包括UI文件(.ui.qml).组件文件(.qml)和资产文件 设置用户界面预览 在Qt Design Studio中设置一个新项目可以通过向导逐步指导您完成项目创建过程.向导模板提示您输入特定类型项目所需的设置,并为

  • Qt Design Studio安装图文教程

    前言 目前Qt quick designer默认被禁用: QT quick designer从新版本qt6开始该功能默认被禁用,现在打开是灰色的!qt打算未来Qt Design Studio和qt creator分离,目标就是设计ui的可以只用Qt Design Studio,但是目前改功能并未完全关闭,可以下图所示,帮助,关于插件,QMLDesigner启用.最终该功能会被下线,由Qt Design Studio承担此重任. 1.去官方地址下载 地址路径如下图: 断网安装,不需要的登录用户账户

  • unity5.6 导出gradle工程 Android Studio 导入问题及处理方法

    unity5.6 导出gradle工程 Android Studio 导入问题及处理方法

    导入后gradle building 一直到跑,卡住了,一般是gradle没有下载,又下不下来的原因. 去  http://services.gradle.org/distributions/  下载 5.6 需要导出的工程的gradle  gradle-2.10-all, gradle-2.14.1-all ,gradle-3.2-bin,gradle-3.3-all  设置使用离线的gradle 如果工程比较大的话 会难产报一个叫做 java out of memory 错误 在C:\Use

  • Android Studio多工程引用同一个library项目配置的解决方法

    在使用Android Studio开发的时候,如遇到多个项目引用同一个library的情况时,会遇到在每个项目中都要有一套library的代码的情况,对于还在开发和维护中的Library需要频繁的修改,这对同步就很麻烦,为了解决这个问题,出现了下面的解决方案. 首先:新建一个类库工程,工程名为AppLibs.Dev. 在该类库中包含一个公共的类库appLibs的Module,Module下面的build.gradle配置如下: /** 声明是Android类库 */ apply plugin:

  • 三分钟教你如何在IDEA中快速创建工程的方法

    1. 创建Java工程 1. 打开的初始界面 Create New Project:创建一个新的工程 Import Project:导入一个现有的工程 Open:打开一个已有工程.比如:可以打开 Eclipse 项目. Check out from VersionControl:可以通过服务器上的项目地址 check out Github上面项目或其他 Git 托管服务器上的项目 2. 新建项目 如果要创建 Web 工程,则需要勾选上面的 Web Application.如果不需要创建 Web

  • Android Studio 创建自定义控件的方法

    我们知道,当系统控件并不能满足我们的需求时,我们就需要来创建自定义控件,主要有两种方法 (1)引入布局 下面来自定义一个控件,iPhone的标题栏,创建一个标题栏并不是什么难事,加入两个button一个TextView就行了,可是在我们的应用中,有很多页面都是需要这样的标题栏,我们不可能每个活动都写一遍布局,这个时候我们就可以用引用布局的方法,新建一个title.xml <?xml version="1.0" encoding="utf-8"?> <

  • Qt QChart 创建图表的实现方法

    Qt QChart 创建图表的实现方法

    本文主要介绍了Qt QChart 创建图表,分享给大家,也给自己留个笔记,废话不多说,具体如下: 效果 流程 代码 1. 饼图 // 保存多个扇形 QList<QPieSlice *> slices; for (int i = 1; i <= 10; ++i) { // 创建一个扇形 QPieSlice * slice = new QPieSlice(QString::number(i),i); slices << slice; } // 创建一个饼图系列 QPieSerie

  • 创建Android库的方法及Android .aar文件用法小结

    创建Android库的方法及Android .aar文件用法小结

    创建 Android 库 Android 库在结构上与 Android 应用模块相同.它可以提供构建应用所需的一切内容,包括源代码.资源文件和 Android 清单.不过,Android 库将编译到您可以用作 Android 应用模块依赖项的 Android 归档 (AAR:Android Archive Resource) 文件,而不是在设备上运行的 APK.与 JAR 文件不同,AAR 文件可以包含 Android 资源和一个清单文件,这样,除了 Java 类与方法外,您还可以捆绑布局和可绘

  • Android Studio中导入module的方法（简单版）

    1.把要导入成Mudle的项目修改成符合Library的格式 修改该项目中bulid.gradle文件中第一行代码 把 apply plugin: 'com.android.application' 修改为 apply plugin: 'com.android.library' 然后,修改AndroidManifiest.xml文件中配置信息,此处主要是把原来配置的项目Style等配置以及MainActivity配置删除,这样处理是为了防止重复.以下以一个我的Moudle文件的AndroidMa

  • android studio创建C++项目的实现示例

    android studio创建C++项目的实现示例

    目录 一.创建Native C++工程 二.配置工程环境 三.运行代码 四.下载C++运行依赖的工具包 五.创建虚拟机 六.运行代码 问题一:如果启动虚拟机后,而左上角的虚拟机没有加载出来. 问题二:java文件无法运行,或者adb无法运行 一.创建Native C++工程 二.配置工程环境 三.运行代码 选择左上角的工程,将Android换成Project 四.下载C++运行依赖的工具包 如图所示,选择NDK和CMake,并点击Apply,此时会出现弹窗,告诉你要安装的包的名称.版本等信息,此

随机推荐