Qt Quick: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
(Add "cleanup" tag)
(Convert ExpressionEngine links)
Line 7: Line 7:
= Qt Quick (Qt User Interface Creation Kit) =
= 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:
[http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html Qt Quick], first introduced in [http://doc.qt.io/qt-4.7 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 29: Line 29:
* write or visually design (or modeling with Qt Creator 2.1) QML files
* write or visually design (or modeling with Qt Creator 2.1) 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 :)
''The HowTo is still to be done'' but use the [[Tagging|tag]] [http://qt.io/search/tag/qml~vs~widget qml vs widget] when searching and finding, thx :)


== Links ==
== Links ==


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

Revision as of 15:32, 4 March 2015

This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

[toc align_right="yes" depth="3"] English Русский Castellano Català Português Magyar عربي 日本語 فارسی Ελληνικά ქართულად Български

Qt Quick (Qt User Interface Creation Kit)

Qt Quick, first introduced in Qt 4.7 and in 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 2.1 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 2.1) QML files

The HowTo is still to be done but use the tag qml vs widget when searching and finding, thx :)

Links