<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qt5-intro.qdoc -->
<title>What's New in Qt 5 | Qt 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 ><a href="index.html">Qt 5.9</a></td><td >What's New in Qt 5</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="#qt-everywhere-on-mobile">Qt Everywhere on Mobile</a></li>
<li class="level1"><a href="#amazing-graphics-capability-and-performance">Amazing Graphics Capability and Performance</a></li>
<li class="level1"><a href="#qt-quick-in-qt-5">Qt Quick in Qt 5</a></li>
<li class="level1"><a href="#designing-ui-made-simpler">Designing UI Made Simpler</a></li>
<li class="level1"><a href="#sensor-and-location">Sensor and Location</a></li>
<li class="level1"><a href="#web-engine-and-html5">Web Engine and HTML5</a></li>
<li class="level1"><a href="#multimedia">Multimedia</a></li>
<li class="level1"><a href="#platform-specific-extras">Platform-specific Extras</a></li>
<li class="level1"><a href="#modularized-qt-libraries">Modularized Qt Libraries</a></li>
<li class="level2"><a href="#widgets-in-qt-5">Widgets in Qt 5</a></li>
<li class="level1"><a href="#provide-map-based-solutions-with-qt">Provide Map-based Solutions with Qt</a></li>
<li class="level1"><a href="#qt-platform-abstraction">Qt Platform Abstraction</a></li>
<li class="level1"><a href="#new-connection-syntax">New Connection Syntax</a></li>
<li class="level1"><a href="#connectivity-and-networking">Connectivity and Networking</a></li>
<li class="level2"><a href="#extended-connectivity">Extended Connectivity</a></li>
<li class="level1"><a href="#json-support">JSON Support</a></li>
<li class="level1"><a href="#user-input">User Input</a></li>
<li class="level1"><a href="#related-topics">Related Topics</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">What's New in Qt 5</h1>
<span class="subtitle"></span>
<!-- $$$qt5-intro.html-description -->
<div class="descr"> <a name="details"></a>
<p>Qt 5 is the latest version of Qt. It enables developers to develop applications with intuitive user interfaces for multiple targets, faster than ever before. Qt 5 makes it easier to address the latest UI paradigm shifts that touch screens and tablets require.</p>
<p>Developers can be more productive and flexible with the improved support for JavaScript and QML in Qt 5, while still having the C++ foundation and Qt Widget support. HTML5 developers will feel at home with the Web offering that includes Chromium-based Qt WebEngine and Qt WebChannel.</p>
<p>Qt 5 is highly compatible with Qt 4. It is possible for developers of Qt 4 applications to seamlessly move on to Qt 5 with their current functionality and gradually develop new things leveraging all the great items Qt 5 makes possible.</p>
<p>Cross-platform portability is made simpler in Qt 5, thanks to the new modularized codebase consisting of the <a href="qtmodules.html">essential and add-on</a> modules, and the consolidation of the <a href="qpa.html">Qt Platform Abstraction</a>.</p>
<p>The following sections summarize some of the key features that Qt 5 brings to the table.</p>
<a name="qt-everywhere-on-mobile"></a>
<h2 id="qt-everywhere-on-mobile">Qt Everywhere on Mobile</h2>
<div class="table">
<table style="background:transparent; border: none">
<tr><td style="width:50%; border: none; vertical-align: top">
<p>Qt now comes with production-ready ports for Android, iOS, and <a href="build-sources.html#winrt">WinRT</a>. Extensive work has gone into these platform ports, which now extend Qt’s multi-platform promise to cover desktop, embedded, and mobile platforms.</p>
<br>
<p>With full support for Android, iOS, and <a href="build-sources.html#winrt">WinRT</a>, Qt is a great solution for targeting the mobile markets with a single codebase. It is fast and easy to bring existing desktop or embedded application to mobile, by simply recompiling it.</p>
<br>
<p>You can install several demo applications that showcase the power of Qt on these mobile platforms. Here is a small list of such applications:</p>
<br>
<p>Demo applications:</p>
<ul>
<li><a href="https://play.google.com/store/apps/details?id=com.digia.Qt5Intro">Introduction to Qt 5</a> (Google Play)</li>
<li><a href="https://play.google.com/store/apps/details?id=com.digia.Qt5Everywhere">Qt 5 Everywhere</a> (Google Play)</li>
<li><a href="https://itunes.apple.com/us/app/subattack/id659283830">SubAttack</a> (App Store)</li>
<li><a href="https://itunes.apple.com/us/app/qtquicksand/id666273528">QtQuicksand</a> (App Store)</li>
<li>Quick Forecast on <a href="https://itunes.apple.com/us/app/quick-forecast/id736658981">App Store</a>, <a href="https://play.google.com/store/apps/details?id=org.qtproject.quickforecast">Google Play</a>, and <a href="http://www.windowsphone.com/en-us/store/app/quickforecast/35572287-c6d6-4d5c-9799-46555f7fc459">Windows Store</a>.</li>
<li>Qt Hangman on <a href="https://itunes.apple.com/us/app/qt-hangman/id762381104">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.digia.QtHangman">Google Play</a></li>
<li>Flyingbus on <a href="https://itunes.apple.com/us/app/flyingbus/id762515926?mt=8">App Store</a> and <a href="https://play.google.com/store/apps/details?id=com.digia.Flyingbus">Google Play</a></li>
</ul>
<p>Platform pages:</p>
<ul>
<li><a href="android-support.html">Qt for Android</a></li>
<li><a href="ios-support.html">Qt for iOS</a></li>
<li><a href="winrt-support.html">Qt for WinRT</a></li>
</ul>
</td><td style="width:50%; vertical-align:top;border: none;">
<p class="centerAlign"><img src="images/qt5_everywhere_demo.jpg" alt="" /></p><p class="figCaption">Qt Everywhere demo on Nexus 7</p>
</td></tr>
</table>
</div>
<a name="amazing-graphics-capability-and-performance"></a>
<h2 id="amazing-graphics-capability-and-performance">Amazing Graphics Capability and Performance</h2>
<div class="table">
<table style="background:transparent; border: none">
<tr><td style="width:50%; vertical-align:top;border: none;">
<p class="centerAlign"><img src="images/qt5_shadereffect.jpg" alt="" /></p><p class="figCaption">ShaderEffect on an Image</p>
</td><td style="width:50%; border: none; vertical-align: top">
<p>Qt 5 uses an OpenGL-based scene graph to accelerate the graphics of Qt Quick, making it possible to do visually appealing user interfaces with animations, impressive graphical effects and particle systems, even on the constrained hardware environments of mobile and embedded devices.</p>
<br>
<p>The benefits of this architectural change in the rendering engine are well demonstrated by the following projects:</p>
<ul>
<li><a href="https://www.youtube.com/watch?v=P4kv-AoAJ-Q">Livecoding video effects with Qt5</a> - The Big Buck Bunny you never saw before. Video effects created using Qt Quick.</li>
<li><a href="http://blog.qt.io/2012/02/29/pimp-my-video-shader-effects-and-multimedia/">Pimp my video</a> - Video effects implemented using the shader language with QML.</li>
<li><a href="http://wiki.qt.io/QtMediaHub">QtMediaHub</a> - The power and convenience of Qt Quick.</li>
<li><a href="http://wiki.qt.io/Qt_RaspberryPi">QtonPi</a> - Good example of Qt 5 running on the low cost hardware, Raspberry PI.</li>
</ul>
</td></tr>
</table>
</div>
<a name="qt-quick-in-qt-5"></a>
<h2 id="qt-quick-in-qt-5">Qt Quick in Qt 5</h2>
<div class="table">
<table style="background:transparent; border: none;">
<tr><td style="width:50%; vertical-align:top;">
<p>Qt Quick provides the necessary infrastructure to develop QML applications. The latest version (v2.0) of this technology also introduces a set of new C++ classes as a replacement for the QDeclarative* equivalents in Qt Quick 1. New features in Qt Quick include:</p>
<ul>
<li>Canvas for drawing. Canvas provides an API that is similar to the HTML5 Canvas API, along with some additional features.</li>
<li>Shader Effects which enable GLSL shader programs to be integrated directly into QML code and applied to items and images.</li>
<li>Particle Effects for creating a variety of 2D particle systems.</li>
<li>Sprites can be used in animating 2D graphical objects and as a source for particle systems.</li>
<li>Offline storage is a JavaScript API that conforms with the HTML5 Web Database API for storing data in Qt Quick applications.</li>
<li>Window provides a top-level window and the Screen type for accessing a screen's resolution and other details. This is useful for desktop applications developed using Qt Quick.</li>
<li><a href="topics-graphics.html#qt-quick-scene-graph">OpenGL-based rendering architecture</a> for optimal performance.</li>
</ul>
</td><td style="width:50%; vertical-align:top;border: none;">
<p class="centerAlign"><img src="images/qt5_particles.jpg" alt="" /></p><p class="figCaption">Qt Quick's Particle System</p>
</td></tr><tr><td style="width:50%; vertical-align:top;border: none;">
<p>The Qt Graphical Effects module provides a number of ready-made effects for use in Qt Quick applications, including soft drop shadow, blur, glow and colorize.</p>
</td><td style="width:50%; vertical-align:top;border: none;">
<p class="centerAlign"><img src="images/qt5_graphicaleffects.jpg" alt="" /></p><p class="figCaption">Excerpts from the Qt Graphical Effects module</p>
</td></tr>
</table>
</div>
<a name="designing-ui-made-simpler"></a>
<h2 id="designing-ui-made-simpler">Designing UI Made Simpler</h2>
<div class="table">
<table style="background:transparent; border: none">
<tr><td style="width:50%; border: none; vertical-align: top">
<p class="centerAlign"><img src="images/qtquickcontrols2-material.png" alt="" /></p><p class="figCaption">Qt Quick Controls 2 Material style</p>
</td><td style="width:50%; border: none; vertical-align: top">
<p>UI designing can be time consuming if there are not enough tools to help. Qt Quick reduces the effort considerably compared to the traditional native (C or C++) approach, especially if the Qt Quick Controls or Qt Quick Controls 2 and Qt Quick Layouts modules are used. These modules provide ready-to-use UI controls and layouts to enable faster application development with less code. For a comparison of the two sets of controls, see Differences between Qt Quick Controls.</p>
<br>
<p>Qt Quick Controls and Qt Quick Layouts provide a vast set of UI controls ranging from the most basic text field and button to the more complex stack view and tumbler. The controls are also made available in <a href="http://doc.qt.io/qtcreator/creator-using-qt-quick-designer.html">Qt Quick Designer</a>.</p>
</td></tr>
</table>
</div>
<a name="sensor-and-location"></a>
<h2 id="sensor-and-location">Sensor and Location</h2>
<p>Reacting to sensor value changes and locating a place on the world map are the common use cases supported on most portable devices. Now you can support such use cases in your Qt application using the Qt Sensors and Qt Positioning modules.</p>
<div class="table">
<table style="background:transparent; border: none">
<tr><td style="width:50%; vertical-align:top;border: none;">
<p class="centerAlign"><img src="images/qtsensors_accelbubble_ex.jpg" alt="" /></p><p class="figCaption">Accelerating SVG image</p>
</td><td style="width:50%; vertical-align:top;border: none;">
<p class="centerAlign"><img src="images/qtpositioning_weatherinfo_ex.jpg" alt="" /></p><p class="figCaption">Location-based weather information</p>
</td></tr>
</table>
</div>
<a name="web-engine-and-html5"></a>
<h2 id="web-engine-and-html5">Web Engine and HTML5</h2>
<div class="table">
<table style="background:transparent; border: none">
<tr><td colspan=2 style="width:50%; border: none; vertical-align: top">
<p class="centerAlign"><img src="images/qtwebengine_quicknanobrowser.jpg" alt="" /></p><p class="figCaption">Qt Quick nano browser</p>
</td><td style="width:50%; border: none; vertical-align: top">
<p>Qt WebEngine is a web content rendering engine based on Chromium featuring broad support for standard web technologies. It provides integration with both Qt Quick and traditional widgets. The module brings the latest in HTML5 advancements to Qt 5, including CSS filters, animations and video, and Canvas.</p>
<br>
<p>This Chromium-based Web Engine support in Qt is complemented with Qt WebChannel, which bridges the gap between QML/C++ and HTML/JavaScript. It enables sharing QObjects from QML/C++ with HTML/JavaScript-based clients.</p>
</td></tr>
</table>
</div>
<a name="multimedia"></a>
<h2 id="multimedia">Multimedia</h2>
<div class="table">
<table style="background:transparent; border: none">
<tr><td colspan=2 style="width:50%; border: none; vertical-align: top">
<p>Qt Multimedia provides a rich set of QML types and C++ classes to handle multimedia content. It also provides necessary APIs to access the camera and radio functionality. Qt 5 brings the Qt Multimedia module into the set of essential modules with support on all major platforms.</p>
</td><td style="width:50%; border: none;">
<p class="centerAlign"><img src="images/qt5_video.jpg" alt="" /></p><p class="figCaption">Video embedded into a Qt Quick application with a displacement effect</p>
</td></tr>
</table>
</div>
<a name="platform-specific-extras"></a>
<h2 id="platform-specific-extras">Platform-specific Extras</h2>
<p>Qt is a cross-platform development framework enabling you to target multiple platforms with a single codebase. It provides common APIs across all supported platforms to access a feature without having to worry about how that feature is implemented on a platform. In some applications there will be a need to use a platform-specific feature, and that's when the following modules can be useful:</p>
<ul>
<li>Qt Android Extras enables you to integrate Java code into your Qt application.</li>
<li>Qt Mac Extras enables you to access specific features on macOS and iOS.</li>
<li>Qt Windows Extras enables you to use Windows-specific features such as jump lists, progress indicator on a taskbar button, and so on.</li>
<li>Qt X11 Extras enables you to access the display configuration on Linux (X11).</li>
</ul>
<a name="modularized-qt-libraries"></a>
<h2 id="modularized-qt-libraries">Modularized Qt Libraries</h2>
<p>Qt 5 splits the Qt libraries into domain specific libraries and modules. This means that an application can choose which libraries it requires and only compile, use and deploy those.</p>
<p>For a complete list of modules and libraries, see <a href="qtmodules.html">all Qt modules</a>.</p>
<a name="widgets-in-qt-5"></a>
<h3 >Widgets in Qt 5</h3>
<p>The Qt Widgets have been separated into their own module in Qt 5, the Qt Widgets module. It is part of the essential modules.</p>
<div class="table">
<table style="background:transparent; border: none">
<tr><td colspan=2 style="width:50%; border: none; vertical-align: top">
<p class="centerAlign"><img src="images/qt5_widgets.jpg" alt="" /></p><p class="figCaption">Screen capture of a widget application.</p>
</td></tr>
</table>
</div>
<p>Designing the UI for widget-based applications can be quick with Qt Designer.</p>
<a name="provide-map-based-solutions-with-qt"></a>
<h2 id="provide-map-based-solutions-with-qt">Provide Map-based Solutions with Qt</h2>
<div class="table">
<table style="background:transparent; border: none">
<tr><td style="width:50%; vertical-align:top;border: none;">
<p>In today's world, location and maps information is more widely used, be it to look up nearby restaurants or plan commute to the office. With Qt, it is now possible to cater to these use cases by consuming map data provided by the third-party vendors. The Qt Location module provides the APIs and the necessary backend to fetch map data from some of the popular third-party mapping solutions. Here is a snapshot of the demo application running on Android, presenting OpenStreetMap data from <a href="http://www.mapquest.com/">www.mapquest.com</a>.</p>
</td><td style="width:50%; border: none; vertical-align: top">
<p class="centerAlign"><img src="images/qtlocation-mapviewer-demo.jpg" alt="" /></p><p class="figCaption">Mapviewer example screenshot</p>
</td></tr>
</table>
</div>
<a name="qt-platform-abstraction"></a>
<h2 id="qt-platform-abstraction">Qt Platform Abstraction</h2>
<p>The windowing system dependent parts of Qt have been completely rewritten for Qt 5, based on the Qt Platform Abstraction, a plugin architecture which allows Qt to dynamically load a windowing system integration based on what system it is running on. This gives several benefits:</p>
<ul>
<li>Centralize the windowing system integration codebase into classes shared for all platforms.</li>
<li>Simplify the work required when porting Qt to new platforms.</li>
<li>Remove the windowing system dependency from Qt, making it possible to have the same Qt binaries run against multiple windowing systems. For instance, the Qt Linux binaries can run against both X11 and Wayland.</li>
</ul>
<a name="new-connection-syntax"></a>
<h2 id="new-connection-syntax">New Connection Syntax</h2>
<p>In addition to the still available well known way to connect signals and slots, new overloads of QObject::connect have been added allowing you to connect signals and slot using pointer to member functions:</p>
<pre class="cpp">
<span class="type">QObject</span><span class="operator">::</span>connect(sender<span class="operator">,</span> <span class="operator">&</span>Sender<span class="operator">::</span>valueChanged<span class="operator">,</span> receiver<span class="operator">,</span> <span class="operator">&</span>Receiver<span class="operator">::</span>updateValue);
</pre>
<p>The new syntax provides compile time checking of the compatibility between signals and slots, automatic conversion of the arguments if there is an implicit cast between the types, and solve many problems occurring because of typedef or namespaces.</p>
<p>Additionally, if your compiler supports C++11 lambdas, you can even connect directly to a lambda function.</p>
<pre class="cpp">
connect(sender<span class="operator">,</span> <span class="operator">&</span><span class="type">QObject</span><span class="operator">::</span>destroyed<span class="operator">,</span> <span class="operator">[</span><span class="operator">=</span><span class="operator">]</span>(){ <span class="keyword">this</span><span class="operator">-</span><span class="operator">></span>m_objects<span class="operator">.</span>remove(sender); });
</pre>
<p>For a detailed comparison with the original string-based syntax, see <a href="signalsandslots-syntaxes.html">Differences between String-Based and Functor-Based Connections</a>.</p>
<a name="connectivity-and-networking"></a>
<h2 id="connectivity-and-networking">Connectivity and Networking</h2>
<p>Qt 5 provides better support for IPv6 and dual mode networks. Most applications using host names and network layer transparent protocols can now gain IPv6 support transparently. Such applications can also choose to receive both IPv4 and IPv6 connections or bind to only one of the two connection types. In the case of outgoing HTTP connections using <code>QNetworkAccessManager</code>, both IPv4 and IPv6 connections are attempted in parallel, and the one that succeeds first is used. This is useful in environments where one of the two types has limited connectivity.</p>
<p>Qt 5 also provides better ways to handle TCP socket-based connections and SSL certificates. This means developers can now:</p>
<ul>
<li>bind a TCP socket to an IP address before connecting,</li>
<li>verify an SSL certificate chain,</li>
<li>and access legacy systems.</li>
</ul>
<p>Stricter client authentication is one of the primary concerns for many applications handling confidential or critical data. The opaque Private Keys support in Qt 5 enables applications to read private keys from devices such as PKCS#11 dongles for stricter client authentication. The <a href="https://github.com/iksaif/qsslkey-p11">qsslkey example</a> illustrates reading private keys from a device.</p>
<a name="extended-connectivity"></a>
<h3 >Extended Connectivity</h3>
<p>The connectivity options are endless with Qt 5. The two new modules, Qt Bluetooth and Qt NFC, enable developers to add support for sophisticated ways to connect and share information in their application.</p>
<a name="json-support"></a>
<h2 id="json-support">JSON Support</h2>
<p>Qt applications that use simple data structures to store small amount of data, can now choose to use JSON documents over the complex database backends that need necessary drivers or plugins to access data. The fact that JSON is a text-based open standard derived from JavaScript, makes it the obvious choice for QML applications as well.</p>
<p>The Qt Core provides a set of classes to enable parsing and generating JSON documents. These classes also allow you to convert between an in-memory binary representation of JSON to a standard textual JSON format. The goal is to make common operations on JSON faster.</p>
<a name="user-input"></a>
<h2 id="user-input">User Input</h2>
<p>Qt 4 already had support for handling multi-point touch input in C++. Qt 5 extends this support to include Qt Quick, covering all the information about the touch points, including the touch position, pressure, and velocity.</p>
<p>The mouse event handling in Qt 5 has been improved from its predecessor. Applications have more control to handle mouse events in Qt Quick. The mouse area in a QML document can propagate the mouse wheel and click events and also ignore propagated events.</p>
<p>Besides this, Qt 5 adds support for more mouse buttons on platforms where this is supported. This comes in handy for gaming applications developed using Qt.</p>
<a name="related-topics"></a>
<h2 id="related-topics">Related Topics</h2>
<ul>
<li><a href="whatsnew59.html">What's New in Qt 5.9</a></li>
<li><a href="whatsnew58.html">What's New in Qt 5.8</a></li>
<li><a href="whatsnew57.html">What's New in Qt 5.7</a></li>
<li><a href="whatsnew56.html">What's New in Qt 5.6</a></li>
<li><a href="whatsnew55.html">What's New in Qt 5.5</a></li>
<li><a href="whatsnew54.html">What's New in Qt 5.4</a></li>
<li><a href="whatsnew53.html">What's New in Qt 5.3</a></li>
<li><a href="whatsnew52.html">What's New in Qt 5.2</a></li>
<li><a href="whatsnew51.html">What's New in Qt 5.1</a></li>
<li><a href="whatsnew50.html">What's New in Qt 5.0</a></li>
<li><a href="portingguide.html">Porting Guide</a></li>
</ul>
</div>
<!-- @@@qt5-intro.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>
