<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qtquick.qdoc -->
<title>Qt Quick 5.9</title>
<link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
<script type="text/javascript">
document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
// loading style sheet breaks anchors that were jumped to before
// so force jumping to anchor again
setTimeout(function() {
var anchor = location.hash;
// need to jump to different anchor first (e.g. none)
location.hash = "#";
setTimeout(function() {
location.hash = anchor;
}, 0);
}, 0);
</script>
</head>
<body>
<div class="header" id="qtdocheader">
<div class="main">
<div class="main-rounded">
<div class="navigationbar">
<table><tr>
<td >Qt 5.9</td><td >Qt Quick</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.9.4 Reference Documentation</td>
</tr></table>
</div>
</div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#important-concepts-in-qt-quick">Important Concepts in Qt Quick</a></li>
<li class="level1"><a href="#c-extension-points">C++ Extension Points</a></li>
<li class="level1"><a href="#licenses-and-attributions">Licenses and Attributions</a></li>
<li class="level1"><a href="#reference-documentation">Reference Documentation</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Qt Quick</h1>
<span class="subtitle"></span>
<!-- $$$qtquick-index.html-description -->
<div class="descr"> <a name="details"></a>
<p>The Qt Quick module is the standard library for writing QML applications. While the Qt QML module provides the QML engine and language infrastructure, the Qt Quick module provides all the basic types necessary for creating user interfaces with QML. It provides a visual canvas and includes types for creating and animating visual components, receiving user input, creating data models and views and delayed object instantiation.</p>
<p>The Qt Quick module provides both a <a href="qtquick-qmlmodule.html">QML API</a> which supplies QML types for creating user interfaces with the QML language, and a <a href="qtquick-module.html">C++ API</a> for extending QML applications with C++ code.</p>
<p><b>Note: </b>A set of Qt Quick-based UI controls is also available to create user interfaces. See Qt Quick Controls for more information.</p><p>For those new to QML and Qt Quick, please see QML Applications for an introduction to writing QML applications.</p>
<a name="important-concepts-in-qt-quick"></a>
<h2 id="important-concepts-in-qt-quick">Important Concepts in Qt Quick</h2>
<p>Qt Quick provides everything needed to create a rich application with a fluid and dynamic user interface. It enables user interfaces to be built around the behavior of user interface components and how they connect with one another, and it provides a visual canvas with its own coordinate system and rendering engine. Animation and transition effects are a first class concept in Qt Quick, and visual effects can be supplemented through specialized components for particle and shader effects.</p>
<ul>
<li><a href="qtquick-visualcanvas-topic.html">The Visual Canvas</a></li>
<li><a href="qtquick-input-topic.html">User Input</a></li>
<li><a href="qtquick-positioning-topic.html">Positioning</a></li>
<li><a href="qtquick-statesanimations-topic.html">States, Transitions And Animations</a></li>
<li><a href="qtquick-modelviewsdata-topic.html">Data - Models, Views and Data Storage</a></li>
<li><a href="qtquick-effects-topic.html">Particles And Graphical Effects</a></li>
<li><a href="qtquick-convenience-topic.html">Convenience Types</a></li>
</ul>
<p>When using the <code>QtQuick</code> module, you will need to know how to write QML applications using the QML language. In particular, QML Basics and QML Essentials from the QML Applications page.</p>
<p>To find out more about using the QML language, see the Qt QML module documentation.</p>
<a name="c-extension-points"></a>
<h2 id="c-extension-points">C++ Extension Points</h2>
<ul>
<li><a href="qtquick-cppextensionpoints.html">C++ Extension Points</a><ul>
<li><a href="qtquick-cppextensionpoints.html#user-defined-qquickitem-derived-types">Creating User-Defined QQuickItem-Derived Types</a></li>
<li><a href="qtquick-cppextensionpoints.html#scene-graph-related-classes">Scene Graph-Related Classes</a></li>
<li><a href="qtquick-cppextensionpoints.html#pixmap-and-threaded-image-support">Pixmap and Threaded Image Support</a></li>
</ul>
</li>
</ul>
<a name="licenses-and-attributions"></a>
<h2 id="licenses-and-attributions">Licenses and Attributions</h2>
<p>Qt Quick is available under commercial licenses from The Qt Company. In addition, it is available under the GNU Lesser General Public License, version 3, or the GNU General Public License, version 2. See Qt Licensing for further details.</p>
<a name="reference-documentation"></a>
<h2 id="reference-documentation">Reference Documentation</h2>
<p>Additional Qt Quick information:</p>
<ul>
<li><a href="qtquick-module.html">Qt Quick C++ Classes</a> - the C++ API provided by the Qt Quick module</li>
<li><a href="qtquick-qmlmodule.html">Qt Quick QML Types</a> - a list of QML types provided by the <code>QtQuick</code> import<ul>
<li><a href="qtquick-xmllistmodel-qmlmodule.html">XML List Model</a> - contains types for creating models from XML data</li>
<li><a href="qtquick-localstorage-qmlmodule.html">Local Storage</a> - a submodule containing a JavaScript interface for an SQLite database</li>
<li><a href="qtquick-particles-qmlmodule.html">Particles</a> - provides a particle system for Qt Quick</li>
<li><a href="qtquicklayouts-index.html">Layouts</a> - provides layouts for arranging Qt Quick items</li>
<li><a href="qtquick-window-qmlmodule.html">Window</a> - contains types for creating top-level windows and accessing screen information</li>
<li>Dialogs - contains types for creating and interacting with system dialogs</li>
<li><a href="qttest-qmlmodule.html">Tests</a> - contains types for writing unit test for a QML application</li>
</ul>
</li>
<li><a href="qtquick-codesamples.html">Qt Quick Examples and Tutorials</a></li>
</ul>
<p>Further information for writing QML applications:</p>
<ul>
<li>QML Applications - essential information for application development with QML and Qt Quick</li>
<li>Qt QML - documentation for the Qt QML module, which provides the QML engine and language infrastructure</li>
</ul>
</div>
<!-- @@@qtquick-index.html -->
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2017 The Qt Company Ltd.
Documentation contributions included herein are the copyrights of
their respective owners.<br> 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.<br> Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. </p>
</div>
</body>
</html>
