本文翻译自Qt Design Studio 1.0 Released

原文作者:Petref Saraci(产品经理)

翻译校验:Richard Lin

我们相信,设计师和开发人员在有效的工作流程中合作将促进、推动产品的创新,并最终带来更好的用户体验。这就是为什么我非常高兴地宣布Qt Design Studio 1.0正式发布!

Qt Design Studio是一个用户界面设计、开发环境,让设计师和开发人员能快速构建原型、开发复杂且可扩展的UI。

设计师和开发人员都可以使用Qt Design Studio,这使双方的协作更加精简:设计者可以查看图形视图,而开发人员可以查看QML代码。这个工作流程让设计师们可以在几分钟内在真实的设备上运行他们的Photoshop设计!除了Photoshop,我们还计划在未来支持其他图形设计工具。

Qt Design Studio、Qt和QML将提升工作流程的效率

ds_1

自今年6月发布技术预览版以来,我们一直在努力完善功能并引进新功能。让我们详细了解这些功能:

Qt Photoshop Bridge —— 从Photoshop导入图形设计

  • 直接从Photoshop创建可重复使用的组件
  • 直接导出到特定的QML类型,内置或自定制
  • 导出属性别名
  • 新建和增强的导入对话框
  • 基础的合并图片功能

基于时间轴的动画 —— 基于时间轴/关键帧的编辑器,让设计者无需编写一行代码即可轻松创建像素级的动画。

  • 新的快捷效果曲线编辑器,具有许多令人兴奋的功能
  • 绘制并组织时间轴和状态的关系 —— 创建从一个状态到另一个状态的平滑过渡
  • 选择多个关键帧

Qt Live Preview —— 直接在台式机、安卓设备和Boot2Qt设备上运行、预览应用程序或UI。

  • 查看您的更改会目标设备上的用户界面产生哪些影响!
  • FPS计数器
  • 加载语言翻译并即时试用
  • 放大/缩小功能

许多其他功能:

  • 插入3D Studio元素并使用Qt Live Preview在最终目标设备上预览该元素
  • Qt Safe Renderer集成 —— 使用Safe Renderer项目并将其映射到UI中
  • 属性面板中的整体增强功能
  • 使用状态和时间轴创建屏幕流和过渡
  • 创建可映射到组件的画板
  • 还有更多…

立即访问我们的Qt设计工具网页,了解更多关于Qt Design Studio信息并试用!

之后我们将在Qt中文官网和Bililibli上的Qt软件官方账号上发布一套教学视频,指导您完成所有功能,并在实践中向您展示如何使用Qt Design Studio设计和开发UI。

目前,Qt Design Studio作为一个免费工具提供给大家试用、评估。但你将需要一个Qt开发者商业许可证来发布你用Qt Design Studio创建的UI。这意味着,例如,设计师或设计公司可以免费使用Qt Design Studio,只要他们为其工作的公司拥有必要的Qt商业许可证。我们还计划在今年12月发布一个功能有限的开源版。

Subscribe to Our Blog

Stay up to date with the latest marketing, sales and service tips and news.