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)
 
(6 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{LangSwitch}}
[[Category:Developing_with_Qt::Qt_Quick]]
[[Category:Developing_with_Qt::Qt_Quick]]
[toc align_right="yes" depth="3"]
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:
'''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|Български]]
 
= Qt Quick (Qt User Interface Creation Kit) =
 
"Qt Quick":http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html, first introduced in "Qt 4.7":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
# 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 13: 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.
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)
* 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
* 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 Designer: Visual WYSIWYG editor to create Qt Quick user interfaces (technical preview)
* Qt Quick Components: Common UI Elements that fit into platform Look & Feel
* Qt Quick Components: Common UI Elements that fit into platform Look & Feel


== QML vs. Widget-based GUI ==
== 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
* using Qt Designer to create *.ui files
''' coding the setup of your UI in C++ with Qt widgets classes
* 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 2.1) QML files
* write or visually design (or modeling with Qt Creator) QML files
 
''The HowTo is still to be done'' but use the [[Tagging|tag]] "qml vs widget":http://qt.io/search/tag/qml~vs~widget when searching and finding, thx :)
 
== Links ==


* [[Introduction_to_Qt_Quick]]
See also: [[Introduction_to_Qt_Quick]]
* "Getting Started":http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html
* "Developing Qt Quick Applications":http://doc.qt.io/qtcreator-2.7/creator-visual-editor.html
* OLD: "Creating QML Components":http://doc.qt.nokia.com/qtcreator-2.1-snapshot/quick-components.html
* OLD: "Open Qt Quick Components":http://developer.qt.nokia.com/wiki/QtQuickOpenComponents
* OLD: "Qt Quick sync meeting minutes":http://developer.qt.nokia.com/wiki/QtQuickMinutes
* OLD: "Exporting QML from photoshop and GIMP":labs.qt.nokia.com/2010/10/19/exporting-qml-from-photoshop-and-gimp/ - '''WIP'''
* OLD: "QML UI examples on Forum Nokia":https://projects.forum.nokia.com/qmluiexamples

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