Qt|Qt Design Studio创建工程的实现方法
目录
- Creating Projects
- 使用项目向导
- 向项目中添加文件
Creating Projects Qt Design Studio的主要优势之一是,它允许设计人员和开发人员使用通用的设计、开发、分析和调试工具在不同的开发平台上共享一个项目。
创建项目使您能够:
- 文件组
- 包括UI文件(.ui.qml)、组件文件(.qml)和资产文件
- 设置用户界面预览
要测试您的设计工作得如何,您可以在桌面、嵌入式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以创建项目。
- .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组件。
文章图片
向项目中添加文件 还可以使用向导模板向项目添加单个文件。
在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++实现应用程序逻辑之前测试应用程序是很有用的。 |
推荐阅读
- ant-design-vue 之form表单中label-col和wrapper-col使用
- Android Studio 常用快捷键(超实用!!!)
- SEO优化之隐藏文字
- Appium StudioAPP自动化测试
- 求字符串长度【不创建临时变量】
- Android studio编译不同架构apk方法
- pyqt5-tools 使用qtdesigner错误-This application failed to start because no Qt platform plugin could be i
- 使用Power Apps 创建门户应用
- Android Studio(Kotlin)之RecyclerView
- Selenium IDE-手动创建测试用例图解