注意:Qt Design Studio和 Qt Design不是一回事。它们是不同的软件,不要搞混了。

1、简介

Qt Design Studio是一款UI设计和开发工具,它让设计师和开发者可以迅速设计原型,并且开发复杂的可伸缩的UI。简单概括其功能就是让UI设计转换为qml,为工程师所用。

Qt Design Studio的详细特性:

  • QtPhotoshop Bridge —— 在Photoshop中创建您的UI设计和UI组件,然后把它们导入到Qt Design Studio中。这包含一个先进的Photoshop插件,它能把您的设计翻译成QML语言,并导入到Qt Design Studio中。

  • 基于时间轴的动画 —— 创建高级动画从来都不是容易的事情。基于时间轴/关键帧的编辑器,它能让设计师为各种类型元素创造每个像素都完美的动画,而不需要写任何一行代码。

  • QMLLive Preview —— 在桌面、Android设备、Boot2Qt设备上直接运行和预览您的应用。实时地在目标设备上检查您修改的效果。

  • QMLVisual Effects  —— 在您的设计上直接应用开箱即用的可视效果。例如:模糊、上色、发光或更多。您甚至可以在时间轴编辑器中添加可视效果动画。

  • QMLShape Items —— 许多个开箱即用的形状,例如:扇形,弧线、三角形等,随时可以帮助设计原型和创建定制的QML可视效果。

  • 管理和创建定制的、可复用的元件 —— 只需几次鼠标点击一可以把Photoshop的图层变成可以被不同项目复用的元件。

2、官网

User Interface Design Tools | The Best UI Design Software | Qt Designer | Qt

https://www.qt.io/cn/ui-framework

QtDesignStudio - Qt Wiki

Qt Design Studio Manual 3.0.0

Index of /official_releases/qtdesignstudio

3、如何获得源码

Qt Design Studio源码是开放的,并且源自qt creator的分支。我于2020/04/17曾经发邮件给Qt官方,得到的答复是:

问:Is qtdesignstudio open source? Where can I download the source code?

答:Yes, it is under GPLv3 license. Sources are located in the qds-1.59 branch of Qt Creator 

qt-creator/qt-creator.git - A cross-platform Qt IDE

4、源码分支下载

分支

https://github/qt-creator/qt-creator/tree/qds-1.50 +++ Qt 5.11.0 or later

https://github/qt-creator/qt-creator/tree/qds-1.59 +++ Qt 5.11.0 or later

https://github/qt-creator/qt-creator/tree/qds-2.3 +++ Qt 5.14.0 or later

https://github/qt-creator/qt-creator/tree/qds-3.1 +++ Qt 5.15.2 or later

标签

https://github/qt-creator/qt-creator/tree/qds/v1.2.0 +++ Qt 5.9.0 or later

https://github/qt-creator/qt-creator/tree/qds/v1.5.0

https://github/qt-creator/qt-creator/tree/qds/v1.6.1 +++ Qt 5.12.0 or later

https://github/qt-creator/qt-creator/tree/qds/v2.0.0 +++ Qt 5.14.0 or later

https://github/qt-creator/qt-creator/tree/qds/v2.3.1

https://github/qt-creator/qt-creator/tree/qds/v3.0.0

https://github/qt-creator/qt-creator/tree/qds/v3.1.0

更多推荐

Qt Design Studio组态软件简介及源码下载