<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- applicationdevelopers.qdoc -->
<title>QML Application Developer Resources | QtDoc 5.1</title>
<link rel="stylesheet" type="text/css" href="style/offline.css" />
</head>
<body>
<div class="header" id="qtdocheader"></div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level2"><a href="#what-is-qml">What is QML?</a></li>
<li class="level2"><a href="#what-is-qt-quick">What is Qt Quick?</a></li>
<li class="level1"><a href="#qml-user-interfaces">QML User Interfaces</a></li>
<li class="level2"><a href="#buttons-menus-and-other-controls">Buttons, Menus, and other Controls</a></li>
<li class="level2"><a href="#special-effects">Special Effects</a></li>
<li class="level2"><a href="#viewing-web-content-in-qml-applications">Viewing Web Content in QML Applications</a></li>
<li class="level2"><a href="#sensors-gestures-and-touch-interfaces">Sensors, Gestures, and Touch Interfaces</a></li>
<li class="level1"><a href="#multimedia-content">Multimedia Content</a></li>
<li class="level1"><a href="#code-samples-and-demos">Code Samples and Demos</a></li>
<li class="level1"><a href="#advanced-application-development-topics">Advanced Application Development Topics</a></li>
<li class="level1"><a href="#other-qml-modules">Other QML Modules</a></li>
<li class="level1"><a href="#release-notes-and-porting-guides">Release Notes and Porting Guides</a></li>
</ul>
</div>
<h1 class="title">QML Application Developer Resources</h1>
<span class="subtitle"></span>
<!-- $$$qtquick-applicationdevelopers.html-description -->
<div class="descr"> <a name="details"></a>
<p>QML is a declarative language that allows user interfaces to be described in terms of their visual components and how they interact and relate with one another. It is a highly readable language that was designed to enable components to be interconnected in a dynamic manner, and it allows components to be easily reused and customized within a user interface. Using the <tt>QtQuick</tt> module, designers and developers can easily build fluid animated user interfaces in QML, and have the option of connecting these user interfaces to any back-end C++ libraries.</p>
<a name="what-is-qml"></a>
<h3>What is QML?</h3>
<p>QML is a user interface specification and programming language. It allows developers and designers alike to create highly performant, fluidly animated and visually appealing applications. QML offers a highly readable, declarative, JSON-like syntax with support for imperative JavaScript expressions combined with dynamic property bindings.</p>
<p>The QML language and engine infrastructure is provided by the <a href="whatsnew51.html#qt-qml">Qt QML</a> module. For in-depth information about the QML language, please see the <a href="whatsnew51.html#qt-qml">Qt QML</a> module documentation.</p>
<p>The following pages contain more information about QML:</p>
<ul>
<li><a href="qmlfirststeps.html">First Steps with QML</a> - begin using QML with these examples</li>
<li>The QML Reference - reference about the QML constructs and features</li>
<li><a href="qml-codingconventions.html">QML Coding Conventions</a></li>
<li><a href="qml-glossary.html">Glossary of QML Terms</a></li>
</ul>
<a name="what-is-qt-quick"></a>
<h3>What is Qt Quick?</h3>
<p>Qt Quick is the standard library of types and functionality for QML. It includes visual types, interactive types, animations, models and views, particle effects and shader effects. A QML application developer can get access to all of that functionality with a single import statement.</p>
<p>The <tt>QtQuick</tt> QML library is provided by the <a href="whatsnew51.html#qt-quick">Qt Quick</a> module. For in-depth information about the various QML types and other functionality provided by Qt Quick, please see the <a href="whatsnew51.html#qt-quick">Qt Quick</a> module documentation.</p>
<a name="qml-user-interfaces"></a>
<h2>QML User Interfaces</h2>
<p>For creating or customizing graphical user interfaces, Qt Quick adds visual types, animation types, and other QML types in addition to the standard QML types from Qt QML. <a href="http://qt-project.org/doc/qtcreator/creator-using-qt-quick-designer.html">Qt Quick Designer</a> is integrated within Qt Creator and supports <tt>QtQuick 2</tt> from Qt Creator version 2.7 and onwards.</p>
<ul>
<li><a href="qtquick-usecase-visual.html">Visual types in QML</a></li>
<li><a href="qtquick-usecase-userinput.html">Responding to User Input in QML</a></li>
<li><a href="qtquick-usecase-animations.html">Animations in QML</a></li>
<li><a href="qtquick-usecase-text.html">Displaying Text in QML</a></li>
<li><a href="qtquick-usecase-layouts.html">Layouts in QML</a></li>
<li><a href="qtquick-usecase-styling.html">Style and Theme Support</a></li>
<li><a href="qtquick-usecase-integratingjs.html">Integrating JavaScript in QML</a></li>
</ul>
<a name="buttons-menus-and-other-controls"></a>
<h3>Buttons, Menus, and other Controls</h3>
<p>For a set of basic UI controls, the Qt Quick Controls module implements several controls such as buttons, menus, and views. These controls mimic the native behavior found in different platforms such as Windows, OS X, and Linux.</p>
<ul>
<li>Qt Quick Controls Overview</li>
</ul>
<a name="special-effects"></a>
<h3>Special Effects</h3>
<p>Several Qt modules provide types for creating special effects in applications. Their respective pages contain more information about specific uses.</p>
<ul>
<li>Particle Effects</li>
<li>Graphical Effects - for creating image composition effects.</li>
</ul>
<a name="viewing-web-content-in-qml-applications"></a>
<h3>Viewing Web Content in QML Applications</h3>
<p>The QML type, WebView, renders and displays dynamic web content. It can load a URL or an HTML string. To read more about WebView and view code samples, visit the <a href="whatsnew51.html#qt-webkit">Qt WebKit</a> page.</p>
<a name="sensors-gestures-and-touch-interfaces"></a>
<h3>Sensors, Gestures, and Touch Interfaces</h3>
<p>The Qt Sensors module allows applications to read information from sensors such as accelerometers and tilt sensors. There is a common QML API for different platforms and can be extended in C++.</p>
<ul>
<li>Qt Sensors QML Types</li>
<li>Qt Sensors Examples</li>
<li>Compatibility Map - lists support level for different mobile platforms</li>
</ul>
<a name="multimedia-content"></a>
<h2>Multimedia Content</h2>
<p>The Qt Multimedia module enables applications to handle various media content with a convenient set of QML types. These QML types can be extended in C++.</p>
<ul>
<li><a href="qt5-intro.html#multimedia">Multimedia</a><ul>
<li>Audio Overview</li>
<li>Video Overview</li>
<li>Camera Overview</li>
<li>Radio Overview</li>
</ul>
</li>
</ul>
<a name="code-samples-and-demos"></a>
<h2>Code Samples and Demos</h2>
<p>To learn more about uses of QML code, there are several code samples which show how QML types are used. In addition, there are several demos which show how QML code is used in applications.</p>
<ul>
<li><a href="gettingstartedqml.html">Getting Started Programming with Qt Quick</a> - a tutorial showing the creation of a simple QML text editor.</li>
<li>Qt Quick Code Samples</li>
</ul>
<a name="advanced-application-development-topics"></a>
<h2>Advanced Application Development Topics</h2>
<ul>
<li><a href="qtquick-deployment.html">Deploying QML Applications</a></li>
<li><a href="qtquick-performance.html">Performance Considerations and Suggestions</a></li>
<li><a href="qtquick-internationalization.html">Internationalization and Localization</a></li>
<li>Testing and Debugging<ul>
<li><a href="qtquick-qmlscene.html">Prototyping with qmlscene</a></li>
<li><a href="qtquick-debugging.html">Debugging QML Applications</a></li>
<li><a href="qtquick-qtquicktest.html">Qt Quick Test: QML Unit Testing Framework</a></li>
</ul>
</li>
</ul>
<a name="other-qml-modules"></a>
<h2>Other QML Modules</h2>
<p>Qt Quick only provides basic visual types and much of Qt's functionality is exposed to QML through other modules. If you require the functionality of those modules, you should browse their QML documentation.</p>
<p>The <a href="modules-qml.html">All QML APIs by Module</a> contains a list of all QML modules in Qt 5.</p>
<a name="release-notes-and-porting-guides"></a>
<h2>Release Notes and Porting Guides</h2>
<ul>
<li>Qt QML Release Notes</li>
<li>Qt Quick Release Notes</li>
<li><a href="qtquick-porting-qt5.html">Porting QML Applications to Qt 5</a></li>
</ul>
</div>
<!-- @@@qtquick-applicationdevelopers.html -->
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2013 Digia Plc and/or its
subsidiaries. Documentation contributions included herein are the copyrights of
their respective owners.</p>
<br />
<p>
The documentation provided herein is licensed under the terms of the
<a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation
License version 1.3</a> as published by the Free Software Foundation.</p>
<p>
Documentation sources may be obtained from <a href="http://www.qt-project.org">
www.qt-project.org</a>.</p>
<br />
<p>
Digia, Qt and their respective logos are trademarks of Digia Plc
in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. <a title="Privacy Policy"
href="http://en.gitorious.org/privacy_policy/">Privacy Policy</a></p>
</div>
</body>
</html>
