Qt Quick: Difference between revisions

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


=Qt Quick (Qt User Interface Creation Kit)=
= Qt Quick (Qt User Interface Creation Kit) =


[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:
&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:


# 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
# 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
# <span class="caps">QML</span> (Qt Meta-Object Language): an easy to use, declarative language
# 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
# 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 2.1 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 &amp;amp; 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):<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


* using Qt Designer to create *.ui files, a <span class="caps">XML</span>-based UI description
''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 :)
* 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 ==


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

Revision as of 14:24, 23 February 2015


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

Qt Quick (Qt User Interface Creation Kit)

"Qt Quick&quot;:http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html, first introduced in "Qt 4.7&quot;: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&quot;:http://qt.io/search/tag/qml~vs~widget when searching and finding, thx :)

Links