<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- examples.qdoc -->
<title>Qt Quick Examples and Tutorials | Qt Quick 5.12.6</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.12</td><td ><a href="qtquick-index.html">Qt Quick</a></td><td >Qt Quick Examples and Tutorials</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtquick-index.html">Qt 5.12.6 Reference Documentation</a></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="#running-the-examples-and-demos">Running the Examples and Demos</a></li>
<li class="level1"><a href="#qt-quick-demos">Qt Quick Demos</a></li>
<li class="level1"><a href="#developing-qt-quick-applications">Developing Qt Quick Applications</a></li>
<li class="level2"><a href="#extending-qml">Extending QML</a></li>
<li class="level1"><a href="#examples">Examples</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Qt Quick Examples and Tutorials</h1>
<span class="subtitle"></span>
<!-- $$$qtquick-codesamples.html-description -->
<div class="descr"> <a name="details"></a>
<p>This page lists the Qt QML and <a href="qtquick-index.html">Qt Quick</a> examples, however, many other Qt modules contain examples related to their QML API.</p>
<a name="running-the-examples-and-demos"></a>
<h2 id="running-the-examples-and-demos">Running the Examples and Demos</h2>
<p>The examples are packaged with the Qt installers and are accessed through Qt Creator. For more information about running examples in Qt Creator, visit the Building and Running an Example page.</p>
<p>Open and run examples within Qt Creator's <b>Welcome</b> mode. Most of the examples run on various platforms and to search for platform-specific examples, type the platform name (or any keywords) in the search field. For example, typing <code>mobile</code> in the search field lists the examples that are fully compatible with the mobile platforms.</p>
<p>To view other examples and tutorials, visit the Qt Examples And Tutorials page.</p>
<a name="qt-quick-demos"></a>
<h2 id="qt-quick-demos">Qt Quick Demos</h2>
<p>Here is a list of fully-functional demo applications. They are full applications that show how a deployable Qt application is built and structured. Many of the demos are deployable to mobile and desktop platforms.</p>
<a name="developing-qt-quick-applications"></a>
<h2 id="developing-qt-quick-applications">Developing Qt Quick Applications</h2>
<p>The following pages show how to develop Qt applications using Qt Creator and Qt Quick. The pages demonstrate various steps such as use cases and introductory material. For more information about Qt Quick Applications and related modules, visit the QML Applications page.</p>
<div class="multi-column"><div class="doc-column"><p><b>Development Environment</b></p>
<ul>
<li>Creating Qt Quick Projects</li>
<li>Creating Components</li>
<li>Exporting Designs from Graphics Software</li>
<li>Using QML Modules with Plugins</li>
</ul>
</div><div class="doc-column"><p><b>Beginning with QML and Qt Quick</b></p>
<ul>
<li>First Steps with QML</li>
<li>Qt Quick Text Editor</li>
<li><a href="qml-advtutorial.html">SameGame</a></li>
</ul>
</div><div class="doc-column"><p><b>Use Cases</b></p>
<ul>
<li>Visual types in QML</li>
<li>Responding to User Input in QML</li>
<li>Animations in QML</li>
<li>Displaying Text in QML</li>
<li>Layouts in QML</li>
<li>Style and Theme Support</li>
<li>Integrating JavaScript in QML</li>
</ul>
</div></div><a name="extending-qml"></a>
<h3 id="extending-qml">Extending QML</h3>
<p>The following tutorials show how a QML-based application can be combined with C++ code using the Qt QML module. For information about extending QML, visit the Integrating QML and C++ page.</p>
<a name="examples"></a>
<h2 id="examples">Examples</h2>
<p>Examples are small applications which show how to implement various Qt Quick features. The examples run on various platforms and are opened from within Qt Creator.</p>
<div class="multi-column"><div class="doc-column"><p><b>QML Types and Controls</b></p>
<ul>
<li>Controls Gallery</li>
<li>Dialog Examples</li>
<li>Calendar Example</li>
<li><a href="qtquick-tableview-gameoflife-example.html">TableView</a></li>
<li><a href="qtquick-text-example.html">Text and Fonts</a></li>
<li><a href="qmlexampletoggleswitch.html">Custom Toggle Switch</a></li>
</ul>
</div><div class="doc-column"><p><b>Layouts and Views</b></p>
<ul>
<li><a href="qtquick-layouts-example.html">Qt Quick Layouts - Basic Example</a></li>
<li><a href="qtquick-positioners-example.html">Positioners</a></li>
<li><a href="qtquick-views-example.html">Views</a></li>
<li><a href="qtquick-window-example.html">Windows and Screen</a></li>
<li><a href="qtquick-righttoleft-example.html">Right-to-Left and Text Layout</a></li>
</ul>
</div><div class="doc-column"><p><b>Image and Graphics</b></p>
<ul>
<li><a href="qtquick-imageelements-example.html">Image Elements</a></li>
<li><a href="qtquick-animation-example.html">Animation</a></li>
<li><a href="qtquick-canvas-example.html">Canvas API</a></li>
<li><a href="qtquick-shadereffects-example.html">Shader Effects</a></li>
</ul>
</div></div><div class="multi-column"><div class="doc-column"><p><b>Keyboard, Focus, and Touch</b></p>
<ul>
<li><a href="qtquick-keyinteraction-example.html">Key Interaction</a></li>
<li><a href="qtquick-mousearea-example.html">MouseArea</a></li>
</ul>
</div><div class="doc-column"><p><b>System and Events</b></p>
<ul>
<li><a href="qtquick-threading-example.html">Threading</a></li>
<li><a href="qtquick-quick-accessibility-example.html">Accessibility</a></li>
<li><a href="qtquick-externaldraganddrop-example.html">External Drag and Drop</a></li>
<li><a href="qtquick-draganddrop-example.html">Drag and Drop</a></li>
</ul>
</div><div class="doc-column"><p><b>Scene Graph</b></p>
<ul>
<li><a href="qtquick-scenegraph-openglunderqml-example.html">OpenGL Under QML</a></li>
<li><a href="qtquick-customitems-painteditem-example.html">Painted Item</a></li>
<li><a href="qtquick-scenegraph-customgeometry-example.html">Custom Geometry</a></li>
<li><a href="qtquick-scenegraph-graph-example.html">Graph</a></li>
<li><a href="qtquick-scenegraph-simplematerial-example.html">Simple Material</a></li>
<li><a href="qtquick-scenegraph-textureinsgnode-example.html">Rendering FBOs</a></li>
<li><a href="qtquick-scenegraph-textureinthread-example.html">Rendering FBOs in a thread</a></li>
</ul>
</div></div></div>
<!-- @@@qtquick-codesamples.html -->
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2019 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>
distrib
>
Mageia
>
7
>
i586
>
media
>
core-updates
>
by-pkgid
>
6e2327ca1c896c6d674ae53117299f21
>
files
>
1364
