Qt Quick: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
[[Category:Developing_with_Qt::Qt_Quick]] | [[Category:Developing_with_Qt::Qt_Quick]] | ||
[toc align_right="yes" depth="3"] | |||
'''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 (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 20: | Line 22: | ||
== 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 | |||
''' 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 [[Tagging|tag]] | ''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 == | == Links == | ||
* [[Introduction_to_Qt_Quick]] | * [[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: | * OLD: "Creating QML Components":http://doc.qt.nokia.com/qtcreator-2.1-snapshot/quick-components.html | ||
* OLD: | * OLD: "Open Qt Quick Components":http://developer.qt.nokia.com/wiki/QtQuickOpenComponents | ||
* OLD: | * OLD: "Qt Quick sync meeting minutes":http://developer.qt.nokia.com/wiki/QtQuickMinutes | ||
* OLD: | * OLD: "Exporting QML from photoshop and GIMP":labs.qt.nokia.com/2010/10/19/exporting-qml-from-photoshop-and-gimp/ - '''WIP''' | ||
* OLD: | * OLD: "QML UI examples on Forum Nokia":https://projects.forum.nokia.com/qmluiexamples |
Revision as of 08:48, 25 February 2015
[toc align_right="yes" depth="3"] English Русский Castellano Català Português Magyar عربي 日本語 فارسی Ελληνικά ქართულად Български
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 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 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":http://qt.io/search/tag/qml~vs~widget when searching and finding, thx :)
Links
- 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