Qt Design Studio 3.4发布

Qt Design Studio 3.4 Released

Qt Design Studio 3.4发布

Wednesday May 25, 2022 by Thomas Hartmann | Comments

​2022年5月25日星期三 Thomas Hartmann 评论

We are happy to announce the release of Qt Design Studio 3.4.

我们很高兴宣布Qt Design Studio 3.4的发布。

Qt Design Studio is a UI design and development tool that enables designers and developers to rapidly prototype and develop complex UIs. Qt Design Studio outputs a functional user interface as code so developers can use it as-is, making integration and cooperation a breeze. To get an impression you should watch this video.

​Qt Design Studio是一种UI设计和开发工具,它使设计者和开发人员能够快速地原型化和开发复杂的UI。Qt Design Studio将功能用户界面输出为代码,这样开发人员就可以按原样使用它,从而轻松实现集成和协作。为了给人留下印象,你应该看这段视频。

For detailed information about Qt Design Studio, visit the online documentation page.

​有关Qt Design Studio的详细信息,请访问联机文档页面。

New Examples

新示例
 

Qt Design Studio 3.4 comes with new examples for Qt Quick 3D. The Robot Arm example and the Simple 3D example. The Robot Arm example shows how 2D elements can nicely control 3D elements like the robot arm. Furthermore it shows how to integrate a C++ backend and mock it up using QML for Qt Design Studio. The Simple 3D example contains a simple 3D scene with animations, to showcase the 3D import capabilities.

Qt Design Studio 3.4提供了Qt Quick 3D的新示例。机器人手臂示例和简单的3D示例。机器人臂示例显示了2D元素如何很好地控制像机器人臂这样的3D元素。此外,它还展示了如何集成C++后端并使用Qt Design Studio的QML对其进行模拟。简单3D示例包含一个带有动画的简单3D场景,以展示3D导入功能。

Example for Figma Variant Support

Figma变量支持示例

We also added a complex Figma example that showcases how to build and import a scene in Figma using Figma variants. The example also includes the original .fig file from Figma. This is a great example of how to structure a Figma project so that the generated QML code has also the best possible structure. Qt Design Studio 3.4 now supports Figma constraints and generates QML anchors, to create responsive UI designs.

我们还添加了一个复杂的Figma示例,展示了如何使用Figma变量在Figma中构建和导入场景。该示例还包括Figma中原始的.fig文件。这是一个很好的例子,说明了如何构造Figma项目,以便生成的QML代码也具有最佳的结构。Qt Design Studio 3.4现在支持Figma约束并生成QML锚定,以创建响应性UI设计。


Qt Design Studio 3.4 also contains multiple bug fixes and UX improvements. For example, it is now possible to set the main QML file of qmlproject in the UI of the project manager. You can also set a main .ui.qml file for a project. This file opens by default when you open the project.

Qt Design Studio 3.4还包含多个bug修复和UX改进。例如,现在可以在项目管理器UI中设置qmlproject的主QML文件。您还可以设置一个项目的main.ui.qml用户界面文件。默认情况下,打开项目时会打开此文件。

Getting Started

入门

As with the previous versions, Qt Design Studio 3.4 is also available as a free Community Edition that is part of the online installer. The Community and Professional Editions lack Photoshop, Sketch, Figma, and Adobe XD bridges, that are included in the Enterprise Edition and also the Simulink integration and multi-language editor support.

​与以前的版本一样,Qt Design Studio 3.4也可以作为在线安装程序的一部分作为免费社区版提供。社区版和专业版缺少Photoshop、Sketch、Figma和Adobe XD bridges,这些都包含在企业版中,还缺少Simulink集成和多语言编辑器支持。

Qt Design Studio 3.4  is available under Tools > Qt Design Studio 3.4.0 in the online installer. 

在线安装程序中的“工具”>“Qt Design Studio 3.4.0”下提供了Qt Design Studio 3.4。

You can find the latest online documentation for Qt Design Studio 3.4 here. The documentation is also available from inside Qt Design Studio.

​您可以在此处找到Qt Design Studio 3.4的最新在线文档。该文档也可以从Qt Design Studio内部获得。

The welcome page of Qt Design Studio contains examples and links to video tutorials to help you get started.

​Qt Design Studio的欢迎页面包含示例和指向视频教程的链接,以帮助您入门。

Of course, Qt Design Studio contains many more bug fixes and small improvements. Please check the change log for more details.

​当然,Qt Design Studio包含了更多的bug修复和小的改进。有关详细信息,请查看更改日志。

Please post issues you find or suggestions you have in our bug tracker.

​请在我们的bug追踪器中发布您发现的问题或建议。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要打开 Qt Design Studio,请按照以下步骤进行操作: 1. 首先,确保您已经安装了 Qt Design Studio。如果您尚未安装,请前往 Qt 官方网站(https://www.qt.io/download)下载安装程序,并按照提示进行安装。 2. 打开 Qt Design Studio。您可以在操作系统的启动菜单中找到 Qt Design Studio 的快捷方式,或者在安装目录中找到 Qt Design Studio 的可执行文件并双击打开。 3. 在 Qt Design Studio 中创建或打开一个项目。您可以选择创建一个新项目,也可以打开一个现有项目。要打开一个现有项目,请选择“File”菜单中的“Open Project”选项,并选择您要打开的项目文件。要创建一个新项目,请选择“File”菜单中的“New Project”选项,并按照向导的指示进行操作。 4. 开始设计您的用户界面。在 Qt Design Studio 中,您可以使用可视化工具创建和编辑 Qt Quick 用户界面。使用工具栏上的工具添加控件、布局和效果,然后使用属性编辑器设置它们的属性。 5. 在 Qt Design Studio 中预览和测试您的用户界面。使用 Qt Design Studio 的预览功能可以在设计时间查看您的用户界面。您还可以使用 Qt Design Studio 的仿真器或将您的用户界面导出Qt Creator 中进行测试。 6. 导出您的用户界面。一旦您满意您的用户界面,您可以将其导出Qt Creator 中,然后在 Qt Creator 中进行代码开发和部署。 以上就是在 Windows 操作系统中打开 Qt Design Studio 的步骤,Linux 和 macOS 操作系统也类似。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值