Qt Design Studio introduction and source code download

tags: Qt qtdesignstudio Design Studio Source code

1 Introduction

Qt Design Studio is a UI design and development tool that allows designers and developers to quickly prototype and develop complex and scalable UIs. A brief summary of its function is to convert the UI design to qml for engineers.

Detailed features of Qt Design Studio:

QtPhotoshop Bridge ——Create your UI design and UI components in Photoshop, and then import them into Qt Design Studio. This includes an advanced Photoshop plug-in, which can translate your design into QML language and import it into Qt Design Studio.
Timeline-based animation———— Creating advanced animation has never been easy. Based on the timeline / keyframe editor, it allows designers to create perfect animations of every pixel for various types of elements without writing any line of code.
QMLLive Preview———— Run and preview your application directly on the desktop, Android device, Boot2Qt device. Check the effect of your modifications on the target device in real time.
QMLVisual Effects-Apply visual effects out of the box directly to your design. For example: blur, color, glow or more. You can even add visual effects animations in the timeline editor.
QMLShape Items—— Many shapes out of the box, such as: fan, arc, triangle, etc., can help design prototypes and create customized QML visual effects at any time.
Manage and create custom, reusable components-Only a few mouse clicks can turn Photoshop layers into components that can be reused by different projects.

2. Official website

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. Get the source code

Qt Design Studio source code is open and derived from the branch of qt creator. I sent an email to Qt official on 2020/04/17 and got the reply:

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

Answer: 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

Intelligent Recommendation

Introduction to Qt-download and installation

Why can't 80% of programmers be architects? >>> Many yesterday, I found the stuff of Qt, See here for life experience,http://www.qt.io ...The process is not important, the importa...

Qt 5.15.2 source code download and compilation under Linux

Qt 5.15.2 source code download and compilation under Linux 1. Download QT's official download address:Qt Downloads Qt 5.15.2 Source code download path: /archive/qt/5.15/5.15.2/single/qt-Everywhere-src...

The design pattern and SPI introduction in dubbo2.0 source code

Dubbo source package introduction When we downloaded the Dubbo source code from github, we have the following source package The following explains the role of each package so that we can read the cod...

Introduction to the overall architecture design of Tomcat's source code

Article Directory 1. Source code introduction 1.1.1.server.xml: Screenshot sample (the overall component configuration file) 1.1.2. Attached source file: server.xml 1.1.3. Hierarchical structure diagr...

[Network Communication - Live] OBS -Based on Visual Studio 2019 + QT 5.15.2 Compilation Debting OBS Studio source code

[Network Communication - Live] OBS -Based on Visual Studio 2019 + QT 5.15.2 Compilation Debting OBS Studio source code [1] OBS code acquisition [2] Cmake configuration in the Windows system to generat...

More Recommendation

Qt Design Studio works appreciation

Into the pit Qt Design Studio, I saw a few sets of example works. It is indeed very nice; and also uses Design Studio to develop, the efficiency is really high, as the QML UI version, it does not say,...

[Qt] [vs] Use QT4 in Visual Studio high version, MSVC 2015/2017 compile Qt 4.8.7 source code

[Qt] [vs] Use QT4 in Visual Studio high version, MSVC 2015/2017 compile Qt 4.8.7 source code 1. Let's look at a reprint article first"Use Qt4 in VS2015" http://tangzx.qiniudn.com/post-0111-q...

RocketMq source code view one (code download and catalog introduction)

In order to better understand the internal operation process of RocketMq, I am still putting on a cup, look at the source code, and learn. 1. Download the source code, master branch: https://gi...

Launcher3 source code reading step7: Download the latest official Google Launcher3 source code and import it into Android Studio

The first step: Open the Android Studio development tools. Step 2: Use the version controller to download the corresponding source code. Here, git is used to download the official source code of Googl...

Qt introduction 04 - QT5.5.0 (32-bit) source code crop

QT source code download Download method 1: https://download.qt.io/new_archive/qt/5.5/5.5.0/single/downloadqt-everywhere-opensource-src-5.5.0.zipPackage Download Method 2: QT5.5.0 is installed to check...