Qt wiki will be updated on October 12th 2023 starting at 11:30 AM (EEST) and the maintenance will last around 2-3 hours. During the maintenance the site will be unavailable.

Qt Quick: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
(Remove non-functioning "toc" command)
(Minimal cleanup; removed dead links)
Line 1: Line 1:
{{Cleanup | reason=Auto-imported from ExpressionEngine.}}
{{LangSwitch}}
 
[[Category:Developing_with_Qt::Qt_Quick]]
[[Category:Developing_with_Qt::Qt_Quick]]
'''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, 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:
 
= Qt Quick (Qt User Interface Creation Kit) =
 
[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 14: 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)
Line 24: Line 19:


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]] [http://qt.io/search/tag/qml~vs~widget qml vs widget] when searching and finding, thx :)
 
== Links ==


* [[Introduction_to_Qt_Quick]]
See also: [[Introduction_to_Qt_Quick]]
* [http://doc.qt.io/qt-5.0/qtquick/qtquick-index.html Getting Started]
* [http://doc.qt.io/qtcreator-2.7/creator-visual-editor.html Developing Qt Quick Applications]
* OLD: [http://doc.qt.nokia.com/qtcreator-2.1-snapshot/quick-components.html Creating QML Components]
* OLD: [http://developer.qt.nokia.com/wiki/QtQuickOpenComponents Open Qt Quick Components]
* 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: [https://projects.forum.nokia.com/qmluiexamples QML UI examples on Forum Nokia]

Revision as of 14:08, 24 May 2015

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

Retrieved from "https://wiki-qt-io-staging.herokuapp.com/index.php?title=Qt_Quick&oldid=17088"