Skip to content
Snippets Groups Projects
qml-tutorial.html 3.27 KiB
Newer Older
  • Learn to ignore specific revisions
  • <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
    <!-- tutorial.qdoc -->
      <title>QML Tutorial | Qt Quick 5.15.0</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">
            <ul>
    <li><a href="../qtdoc/index.html">Qt 5.15</a></li>
    <li><a href="qtquick-index.html">Qt Quick</a></li>
    <li>QML Tutorial</li>
    <li id="buildversion"><a href="qtquick-index.html">Qt 5.15.0 Reference Documentation</a></li>
        </ul>
        </div>
    </div>
    <div class="content">
    <div class="line">
    <div class="content mainContent">
      <link rel="next" href="qml-tutorial1.html" />
    <p class="naviNextPrevious headerNavi">
    <a class="nextPage" href="qml-tutorial1.html">QML Tutorial 1 - Basic Types</a>
    </p><p/>
    <div class="sidebar"><div class="sidebar-content" id="sidebar-content"></div></div>
    <h1 class="title">QML Tutorial</h1>
    <span class="subtitle"></span>
    <!-- $$$qml-tutorial.html-description -->
    <div class="descr"> <a name="details"></a>
    <p>This tutorial gives an introduction to QML, the language for Qt Quick UIs. It doesn't cover everything; the emphasis is on teaching the key principles, and features are introduced as needed.</p>
    <p>Through the different steps of this tutorial we will learn about QML basic types, we will create our own QML component with properties and signals, and we will create a simple animation with the help of states and transitions.</p>
    <p>Chapter one starts with a minimal &quot;Hello world&quot; program and the following chapters introduce new concepts.</p>
    <p>The tutorial's source code is located in the <code>examples/quick/tutorials/helloworld</code> directory.</p>
    <p>Tutorial chapters:</p>
    <ol class="1" type="1"><li><a href="qml-tutorial1.html">Basic Types</a></li>
    <li><a href="qml-tutorial2.html">QML Components</a></li>
    <li><a href="qml-tutorial3.html">States and Transitions</a></li>
    </ol>
    </div>
    <!-- @@@qml-tutorial.html -->
    <p class="naviNextPrevious footerNavi">
    <a class="nextPage" href="qml-tutorial1.html">QML Tutorial 1 - Basic Types</a>
    </p>
            </div>
           </div>
       </div>
       </div>
    </div>
    <div class="footer">
       <p>
       <acronym title="Copyright">&copy;</acronym> 2020 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>