Qt Design Studio簡介及源碼下載

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、官網

https://www.qt.io/design

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

https://wiki.qt.io/QtDesignStudio

https://doc.qt.io/qtdesignstudio/index.html

https://download.qt.io/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 

https://code.qt.io/cgit/qt-creator/qt-creator.git/?h=qds-1.59

https://github.com/qt-creator/qt-creator/tree/qds-1.59