Qt Quick: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
m (Reverted edits by Bolend (talk) to last revision by Wieland)
 
(8 intermediate revisions by 4 users not shown)
Line 1: Line 1:
'''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, 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:


=Qt Quick (Qt User Interface Creation Kit)=
# 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
[http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html Qt Quick] ''[qt.io]'', first introduced in [http://doc.qt.io/qt-4.7 Qt 4.7] ''[qt.io]'' 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:
# QtDeclarative: a new module in the Qt library that enables a new declarative programming approach  
 
# New Tools in the Qt Creator <span class="caps">IDE</span>: including a visual editor that allows UI designers and developers to cooperate, working on the same code in an iterative approach
# <span class="caps">QML</span> (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 [[:Category:LanguageBindings|the bindings]]), limited only by your creativity.
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) ==


* <span class="caps">QML</span> project wizard and project management (new file format for pure <span class="caps">QML</span> applications)
* QML project wizard and project management (new file format for pure QML applications)
* Advanced <span class="caps">QML</span> editor with syntax highlighting, code completion, integrated help features and more
* Advanced QML editor with syntax highlighting, code completion, integrated help features and more
* Qt Quick Designer: Visual <span class="caps">WYSIWYG</span> editor to create Qt Quick user interfaces (technical preview)
* 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; Feel
* Qt Quick Components: Common UI Elements that fit into platform Look & Feel


==<span class="caps">QML</span> vs. Widget-based <span class="caps">GUI</span>==
== 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):
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


* using Qt Designer to create *.ui files, a <span class="caps">XML</span>-based UI description
See also: [[Introduction_to_Qt_Quick]]
* coding the setup of your UI in C++ with Qt widgets classes
* write or visually design (or modeling with Qt Creator 2.1) <span class="caps">QML</span> files
 
''The HowTo is still to be done'' but use the [[Tagging|tag]] [http://qt.io/search/tag/qml~vs~widget qml vs widget] ''[qt.io]'' when searching and finding, thx <span class="smiley">:)</span>
 
==Links==
 
* [[Introduction to Qt Quick|Introduction_to_Qt_Quick]]
* [http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html Getting Started] ''[qt.io]''
* [http://doc.qt.io/qtcreator-2.7/creator-visual-editor.html Developing Qt Quick Applications] ''[qt.io]''
* <span class="caps">OLD</span>: [http://doc.qt.nokia.com/qtcreator-2.1-snapshot/quick-components.html Creating <span class="caps">QML</span> Components] ''[doc.qt.nokia.com]''
* <span class="caps">OLD</span>: [http://developer.qt.nokia.com/wiki/QtQuickOpenComponents Open Qt Quick Components] ''[developer.qt.nokia.com]''
* <span class="caps">OLD</span>: [http://developer.qt.nokia.com/wiki/QtQuickMinutes Qt Quick sync meeting minutes] ''[developer.qt.nokia.com]''
* <span class="caps">OLD</span>: [[labs.qt.nokia.com/2010/10/19/exporting-qml-from-photoshop-and-gimp/|Exporting <span class="caps">QML</span> from photoshop and <span class="caps">GIMP</span>]] – '''<span class="caps">WIP</span>'''
* <span class="caps">OLD</span>: [https://projects.forum.nokia.com/qmluiexamples <span class="caps">QML</span> UI examples on Forum Nokia] ''[projects.forum.nokia.com]''
* <span class="caps">OLD</span>: [http://developer.qt.nokia.com/wiki/Qt_Quick_Tutorial Qt Quick Tutorial] ''[developer.qt.nokia.com]''
 
===Categories:===
 
* [[:Category:Developing with Qt|Developing_with_Qt]]
** [[:Category:Developing with Qt::Qt Quick|Qt_Quick]]
* [[:Category:Tools|Tools]]
** [[:Category:Tools::QtCreator|QtCreator]]

Latest revision as of 06:50, 9 March 2016

En Ar Bg De El Es Fa Fi Fr Hi Hu It Ja Kn Ko Ms Nl Pl Pt Ru Sq Th Tr Uk Zh

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:

  1. 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
  2. QML (Qt Meta-Object Language): an easy to use, declarative language
  3. 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

See also: Introduction_to_Qt_Quick