Qt Quick: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
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|Български]]
[[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) =


&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:
"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):<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, 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]] &quot;qml vs widget&amp;quot;: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]] "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]]
* &quot;Getting Started&amp;quot;:http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html
* "Getting Started":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
* "Developing Qt Quick Applications":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: "Creating QML Components":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: "Open Qt Quick Components":http://developer.qt.nokia.com/wiki/QtQuickOpenComponents
* OLD: &quot;Qt Quick sync meeting minutes&amp;quot;:http://developer.qt.nokia.com/wiki/QtQuickMinutes
* OLD: "Qt Quick sync meeting minutes":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: "Exporting QML from photoshop and GIMP":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
* 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:

  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 &amp; 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