Qt Quick: Difference between revisions

Latest revision as of 06:50, 9 March 2016

Qt Quick, first introduced in Qt 4.7 and in Qt Creator 2.1, is a high-level UI technology that allows developers and UI designers to work together to create animated, touch-enabled UIs and lightweight applications. It includes:

New Tools in the Qt Creator IDE: including a visual editor that allows UI designers and developers to cooperate, working on the same code in an iterative approach
QML (Qt Meta-Object Language): an easy to use, declarative language
QtDeclarative: a new module in the Qt library that enables a new declarative programming approach

And while no C++ programming skills are needed to use Qt Quick, it is 100% based on Qt and can be extended from C++ (and other languages, thanks to the bindings), limited only by your creativity.

Scope (Qt Creator and Quick)

QML project wizard and project management (new file format for pure QML applications)
Advanced QML editor with syntax highlighting, code completion, integrated help features and more
Qt Quick Designer: Visual WYSIWYG editor to create Qt Quick user interfaces (technical preview)
Qt Quick Components: Common UI Elements that fit into platform Look & Feel

QML vs. Widget-based GUI

Qt beginners often ask: What option will be the best for creating my user interface. With Qt there are 3 techniques (which can be integrated):

using Qt Designer to create *.ui files
a XML-based UI description coding the setup of your UI in C++ with Qt widgets classes
write or visually design (or modeling with Qt Creator) QML files

@@ Line 1: / Line 1: @@
-[[Category:Developing_with_Qt::Qt_Quick]]<br />[toc align_right=&quot;yes&amp;quot; depth=&quot;3&amp;quot;]<br />'''English''' [[Qt_Quick_Russian|Русский]] [[Qt_Quick_(es)|Castellano]] [[Qt_Quick_(ca)|Català]] [[Qt_Quick_Portuguese|Português]] [[Qt_Quick_Hungarian|Magyar]] [[Qt_Quick_Arabic|عربي]] [[Qt_Quick_Japanese|日本語]] [[Qt_Quick_Persian|فارسی]] [[Qt_Quick_Greek|Ελληνικά]] [[Qt_Quick_Georgian|ქართულად]] [[Qt_Quick_Bulgarian|Български]]
+{{LangSwitch}}
+[[Category:Developing_with_Qt::Qt_Quick]]
-= Qt Quick (Qt User Interface Creation Kit) =
+Qt Quick, first introduced in Qt 4.7 and in [[Qt Creator]] 2.1, is a high-level UI technology that allows developers and UI designers to work together to create animated, touch-enabled UIs and lightweight applications. It includes:
-&quot;Qt Quick&amp;quot;:http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html, first introduced in &quot;Qt 4.7&amp;quot;:http://doc.qt.io/qt-4.7 and in [[Category:Tools::QtCreator|Qt Creator]] 2.1, is a high-level UI technology that allows developers and UI designers to work together to create animated, touch-enabled UIs and lightweight applications. It includes:
 # New Tools in the Qt Creator IDE: including a visual editor that allows UI designers and developers to cooperate, working on the same code in an iterative approach
@@ Line 11: / Line 9: @@
 And while no C++ programming skills are needed to use Qt Quick, it is 100% based on Qt and can be extended from C++ (and other languages, thanks to [[:Category:LanguageBindings|the bindings]]), limited only by your creativity.
-== Scope (Qt Creator 2.1 and Quick) ==
+== Scope (Qt Creator and Quick) ==
 * QML project wizard and project management (new file format for pure QML applications)
 * Advanced QML editor with syntax highlighting, code completion, integrated help features and more
 * Qt Quick Designer: Visual WYSIWYG editor to create Qt Quick user interfaces (technical preview)
-* Qt Quick Components: Common UI Elements that fit into platform Look &amp;amp; Feel
+* Qt Quick Components: Common UI Elements that fit into platform Look & Feel
 == QML vs. Widget-based GUI ==
-Qt beginners often ask: What option will be the best for creating my user interface. With Qt there are 3 techniques (which can be integrated):<br />* using Qt Designer to create '''.ui files, a XML-based UI description<br />''' coding the setup of your UI in C++ with Qt widgets classes<br />* write or visually design (or modeling with Qt Creator 2.1) QML files
+Qt beginners often ask: What option will be the best for creating my user interface. With Qt there are 3 techniques (which can be integrated):
+* using Qt Designer to create *.ui files
-''The HowTo is still to be done'' but use the [[Tagging|tag]] &quot;qml vs widget&amp;quot;:http://qt.io/search/tag/qml~vs~widget when searching and finding, thx :)
+* a XML-based UI description coding the setup of your UI in C++ with Qt widgets classes
+* write or visually design (or modeling with Qt Creator) QML files
-== Links ==
-* [[Introduction_to_Qt_Quick]]
+See also: [[Introduction_to_Qt_Quick]]
-* &quot;Getting Started&amp;quot;:http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html
-* &quot;Developing Qt Quick Applications&amp;quot;:http://doc.qt.io/qtcreator-2.7/creator-visual-editor.html
-* OLD: &quot;Creating QML Components&amp;quot;:http://doc.qt.nokia.com/qtcreator-2.1-snapshot/quick-components.html
-* OLD: &quot;Open Qt Quick Components&amp;quot;:http://developer.qt.nokia.com/wiki/QtQuickOpenComponents
-* OLD: &quot;Qt Quick sync meeting minutes&amp;quot;:http://developer.qt.nokia.com/wiki/QtQuickMinutes
-* OLD: &quot;Exporting QML from photoshop and GIMP&amp;quot;:labs.qt.nokia.com/2010/10/19/exporting-qml-from-photoshop-and-gimp/ - '''WIP'''
-* OLD: &quot;QML UI examples on Forum Nokia&amp;quot;:https://projects.forum.nokia.com/qmluiexamples

Qt Quick: Difference between revisions

Latest revision as of 06:50, 9 March 2016

Scope (Qt Creator and Quick)

QML vs. Widget-based GUI

Navigation menu

Search