<?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-toolsnutilities.qdoc -->
<title>Qt Quick Tools and Utilities | 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 Tools and Utilities</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="#qt-quick-designer">Qt Quick Designer</a></li>
<li class="level2"><a href="#qml-debugger-and-profiler">QML Debugger and Profiler</a></li>
<li class="level2"><a href="#related-information">Related Information</a></li>
<li class="level2"><a href="#qmllive-gammaray-and-squish">QmlLive, GammaRay, and Squish</a></li>
<li class="level2"><a href="#related-information">Related Information</a></li>
<li class="level1"><a href="#qt-creator">Qt Creator</a></li>
<li class="level2"><a href="#related-information">Related Information</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Qt Quick Tools and Utilities</h1>
<span class="subtitle"></span>
<!-- $$$qtquick-tools-and-utilities.html-description -->
<div class="descr"> <a name="details"></a>
<p>Qt offers several tools and utilities to enable a rich developer experience, especially for Qt Quick developers. The following sections provide a brief introduction to those tools and utilities, and provide links to further information about them.</p>
<a name="qt-quick-designer"></a>
<h2 id="qt-quick-designer">Qt Quick Designer</h2>
<p>The Qt Quick Designer enables designing Qt Quick-based UIs using simple drag-n-drop gestures that most designers are familiar with. It offers UI elements from the Qt Quick and Qt Quick Controls 2 modules, as well as integration for custom UI elements.</p>
<p>The following is a list of example applications that use UIs created by the Qt Quick Designer:</p>
<ul>
<li>Qt Quick Controls 2 - Contact List</li>
<li>Qt Quick Controls 2 - Flat Style</li>
</ul>
<a name="qml-debugger-and-profiler"></a>
<h3 id="qml-debugger-and-profiler">QML Debugger and Profiler</h3>
<p>Being a declarative language, a piece of QML code provides minimal details about the entities defined. In such a scenario, the QML debugger is a very useful utility that enables:</p>
<ul>
<li>debugging JavaScript functions,</li>
<li>executing JavaScript expressions,</li>
<li>and inspecting QML properties.</li>
</ul>
<p>Besides this, a QML profiler enables you to get necessary diagnostic information, allowing you to analyze the application code for performance issues. For example, too much JavaScript in each frame, long-running C++ functions, and so on.</p>
<a name="related-information"></a>
<h3 id="related-information">Related Information</h3>
<ul>
<li>QML Debugger</li>
<li>QML Profiler</li>
</ul>
<a name="qmllive-gammaray-and-squish"></a>
<h3 id="qmllive-gammaray-and-squish">QmlLive, GammaRay, and Squish</h3>
<p>QmlLive is a 3rd party tool that offers a QML runtime capable of rendering changes to the code in realtime. It avoids the need to rebuild the application after every code change and install it on the target device. You can also extend it to build a custom runtime that suits your needs.</p>
<p>GammaRay is a useful utility that provides diagnostic information about your application. It is similar to the QML Profiler described in the earlier section, but offers a lot more. For example, the number of items or QObjects created, function calls made, time taken by each function call, property value introspection at runtime, and so on. Such information is very handy, especially while debugging QML applications.</p>
<p>Squish is a well-known testing tool that automates UI testing by recording your actions or running scripts. Once the tests are setup, UI tests are a lot easier to run.</p>
<a name="related-information"></a>
<h3 id="related-information">Related Information</h3>
<ul>
<li>QmlLive</li>
<li>GammaRay</li>
<li>Squish</li>
</ul>
<a name="qt-creator"></a>
<h2 id="qt-creator">Qt Creator</h2>
<p>The Qt Creator IDE is the key tool that enhances the overall developer experience of working with Qt Quick. Its auto-completion and debugging features make working with Qt Quick easier. Besides this, most of the tools and utilities mentioned in the earlier sections are integrated into it, with the possibility of integrating 3rd party tools such as QmlLive and GammaRay.</p>
<a name="related-information"></a>
<h3 id="related-information">Related Information</h3>
<ul>
<li>Qt Creator Manual</li>
</ul>
</div>
<!-- @@@qtquick-tools-and-utilities.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
>
1762
