Carl Engh

Ready-made UI controls with Qt Quick Controls 2 – A summary

Published Wednesday May 31st, 2017
2 Comments on Ready-made UI controls with Qt Quick Controls 2 – A summary
Posted in Biz Circuit & Dev Loop, Declarative UI, Design, Qt Quick Controls, UI

Designing UIs with buttons, switches, dials, sliders and other UI controls is made easy with Qt Quick Controls and QML. Qt Quick Controls provides ready-made UI controls that speed up the creation of great looking user interfaces. Qt Quick Controls has a selection of built-in styles based on various design guidelines allowing you to create UIs that are familiar to your end-users.  A lot has happened since Qt 5.7, where we introduced the new UI controls focusing on embedded systems and mobile, and the purpose of this blog is to give you a summary of what has happened and provide links to content we have created for the last three releases so that you can gain a better understanding of how the Qt Quick Controls can support your project.

Qt 5.7 — Qt Quick Controls 2 launch

In Qt 5.7 we introduced the new Qt Quick Controls 2 which were built from the ground up to improve the performance allowing us to target embedded systems and mobile as well as desktop applications.

Release video

You can read the release blog for Qt Quick Controls 2.0 – a new beginning.

Qt 5.8 — Focus on sought-after desktop features

In 5.8 the focus was back on improving some of the sought-after desktop features such as hover effects, system themes, and experimental native platform types to name a few.

Check out the release blog for the Qt Quick Controls 2.1.

Watch the on-demand webinar “Tips & Trick with Qt Quick Controls 2.1”

Qt 5.9 — Stability, performance, and multi-touch

The focus for the Qt 5.9 release has been to improve stability and performance and create the next go-to release of Qt with long-term support (LTS). On the QML engine, there have been a lot of improvements directly enhancing the performance and stability of the Qt Quick Controls. We have also added new features such as support for multi-touch. To read more about the new features you can get an overview on the wiki page.

Qt 5.10 and beyond

The Qt Quick Controls 2 can be used as is or you can customize them through defining your style in QML, but what if you want to have the Qt Quick Controls styled by a graphic designer? We are currently researching and developing a way where you can use design software such as Photoshop, Illustrator and so on to style the controls without coding QML. With this approach designers and developers can work together on creating stunning user interfaces.

 

Check out the video from Embedded World showing off the new features:

 

Also, read the blog post regarding the project and our plans moving forwards.

With that, I hope that this blog served as a good summary of what has happened with Qt Quick Controls 2 since its release with Qt 5.7 and there is also much more information on Qt Quick Controls available on our blog, our YouTube channel and in our documentation. If you are interested in using the Qt Quick Controls 2 for your next project, you can always contact us if you need support on how to get started.

Do you like this? Share it
Share on LinkedInGoogle+Share on FacebookTweet about this on Twitter

Posted in Biz Circuit & Dev Loop, Declarative UI, Design, Qt Quick Controls, UI

2 comments

okh says:

Hi,
Great to see your progress!
It’s not quite clear to me what your plans are about QtQuick for desktop applications. Will QtQuick Controls 2 be targeted only at mobile and embedded systems, or it will also become a full replacement of QtQuick Controls 1?

J-P Nurmi J-P Nurmi says:

Hi. The main goal of the first Qt Quick Controls 2 release was to fill the embedded/mobile-sized gap in Qt Quick Controls 1. As promised in earlier blog posts, we’re working hard on catching up on the desktop side of things, too. We have things like cascading menus, menubar, tableview, and a desktop-oriented fusion style on the radar.

Commenting closed.

Get started today with Qt Download now