Qt Design Studio 4.5现已发布

Qt Design Studio现已强势回归,生产力和可用性均得到大幅提升。无论是直观的3D编辑界面,还是与Figma和Qt Creator的无缝连接,新版Qt Design Studio将为您带来更好的产品开发体验。快来深入了解Qt Design Studio的全新功能吧!

为3D场景带来逼真的光影效果

支持菲涅尔透镜效果

菲涅尔效果可以提升3D场景的逼真度。在Qt Design Studio 4.5中,用户无需编写自定义材质代码即可为原理材质启用菲涅尔效应。菲涅尔可以从Clearcoat材质中获得,也可用作单独的材质效果。

快来试试Qt Design Studio 4.5中的菲涅尔效应示例,体验这项全新的菲涅尔透镜效果吧!这里我们为其提供了多种可用属性。

注:菲涅尔功能是Qt 6.8向后移植的一项预览功能,常规版Qt 6.7 并不支持。您可以在Qt Design Studio中试用该功能,但如果您希望脱离Qt Design Studio单独构建应用,则需安装Qt 6.8预览版。

发光与辉光效果

该功能真实再现了光线在现实世界中的物理行为。借助Qt Design Studio中的发光效果,您可有效改善3D场景中的视觉效果。

Qt Design Studio支持色调映射、景深、镜头光晕、发光与光辉等ExtendedSceneEnvironment内置效果。其中发光与辉光效果是为场景带来逼真效果的一个关键因素。快来试试我们最新推出的示例,了解这项功能在不同强度、模糊、混合模式等设置下的使用效果吧!

用户友好的3D开发

飞行摄像机模式

该模式允许用户通过键盘快捷键来浏览3D场景,无需运行项目即可在3D场景中尽情遨游。只需轻轻滑动指尖,3D世界即可尽收眼底。

按住鼠标右键,并在键盘上按下WASD+Q/E键,即可控制透视摄像机的飞行轨迹,以查看整个3D视图,在查看对场景所做的更改时可节省大量时间。

选择3D对象

2D和3D编辑模式现可一键切换,无需在导航器中搜索3D对象,编辑时亦无需在2D和3D视图间来回切换。只需双击2D视图中的3D元素,即可立即在3D视图中打开。从此,所有工作便可在单个工作区中完成。

与Figma的结合更为紧密

支持Figma效果

现如今,Figma设计已远远超出了线框图的范畴。想要呈现精美的视觉效果,模糊、阴影等效果必不可少。但如果直接从Figma中导出设计稿,效果会栅格化为图像,从而无法继续微调。

新版Qt Design Studio 4.5可将图像和效果作为组件进行转换,帮助您导出项目中的Figma效果。也就是说,您可在Qt组件中获得与此前Figma中完全相同的视觉效果。

想要亲自体验这项功能?您可将该示例Figma文件加载到Figma环境,再使用Qt Bridge for Figma插件将其导入Qt。目前,我们支持所有Figma效果(包括图层和背景模糊、内阴影和投影阴影等),并可继承所有控制效果的参数。如果您对Figma输出的效果不满意,还可在Qt Design Studio中对效果进行微调。

现成的2D效果

不止于Figma效果!借助Qt Design Studio 4.5,无需使用Figma即可直接应用与之相同的效果。对于2D UI组件,可在Qt Design Studio的2D视图中直接应用相同的效果。该功能与应用Figma效果所需的功能完全一致,均包含投影阴影、内阴影、图层模糊和背景模糊等效果。这些效果与CSS等其他设计工具的效果也完全一致。

设计效果作为Studio Components的一部分,也可用于从Qt Design Studio导出的Qt项目(使用Qt Creator完成)。

提高生产力

与Qt Creator的互操作性

该功能可为您带来Qt Design Studio和Qt Creator间的无缝迭代体验。Qt Design 4.5完善了Qt Design Studio、Qt Creator和CMake间的工作流程。目前可自动检测其他工具对项目所做的更改,并提示用户重新加载项目。

请务必启用CMake自动生成功能,因为Qt Design Studio将不会在向导中生成“CMakeLists.txt”文件。在启用该功能后,“CMakeLists.txt”会根据需要自动重新生成,无需每次在项目中添加新文件后导出CMake。

基于Web的Design Viewer现已更新

基于WebAssembly的Design Viewer 现已更新至0.8.54版本,新增了对Qt 6.6.1和Qt Quick Studio Components v4.5的支持。此次更新后,后端和基础架构的下载和加载速度均提升了60%以上。您可以访问https://designviewer.qt.io试用最新版本。Qt Design Studio项目如有任何问题,欢迎您在缺陷跟踪器中反馈意见或报告错误。

其他改进

支持Qt 6.7

Qt Design Studio 4.5现已正式支持Qt 6.7,并在运行和预览项目时将Qt 6.7作为运行环境。Fresnel 3D材质来自即将发布的Qt 6.8(将于2024年下半年发布的第一个测试版),经自定义后可与Qt Design Studio 4.5搭配使用。如需使用Qt Creator编辑导出的3D项目,则需借助Qt 6.8工具包。此外,其他功能均与Qt 6.7兼容。

Bug修复

如需获取有关更新的更多详情,例如小幅改进和错误修复,请查阅此处(https://wiki.qt.io/QtDesignStudio-changelog4.5.0)的变更日志和发布说明。

上手使用

Qt Design Studio作为一款全能工具,可以帮助您更快、更智能地进行HMI开发。如需获取更多信息或试用免费的评估版,欢迎访问Qt Design Studio产品页面。

即便您是第一次使用Qt Design Studio,也不必担心!

  • 在线文档(https://doc.qt.io/qtdesignstudio/index.html)来可以帮助您深入了解Qt Design Studio。
  • 我们的学习门户网站(https://academy.qt.io/catalog)还可助力您快速开启Qt Design Studio之旅。

如果您发现任何错误或使用问题,欢迎在缺陷跟踪器中报告。您的反馈有助于我们不断改进Qt Design Studio,从而提升您的用户体验。

  • 13
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值