Qt Quick Layouts - Video

Introduction to Qt / QML - Part 37

19 June 2020

Tags

To watch this video on our website please or view it directly on YouTube

So far we have seen various techniques for automatically place and/or resize elements in Qt Quick: manual positioning, anchors, positioners. If you need to do a quick catch-up for those, please go watch the related videos earlier in series!

It is now time to discuss yet another one – perhaps, the most powerful: Qt Quick Layouts. Layouts act like positioners: they automatically arrange their children according to a criterion (e.g. lay elements out vertically, horizontally, in a grid). Unlike positioners, layouts are also able to resize elements, and offer a much richer API when it comes to controlling sizing. (It's not the first time that we discuss sizing: we have already seen implicit sizing in this video https://youtu.be/Lt-8fYWOVx8 ).

As usual, GammaRay can help you understand and debug item layouting. You can freely download GammaRay from GitHub: https://github.com/KDAB/GammaRay/wiki/Getting-GammaRay

The example code showcased in this video is available here: https://github.com/KDAB/kdabtv

Tags:

qml qt training

Jesper K. Pedersen

HR Director / COO

Jesper K. Pedersen – COO/HR director at KDAB. Jesper has actively developed with Qt since 1998 and, despite his fancy title, still does so.

He has held almost 100 training classes in Qt since 2000. Today, his greatest claim to fame is the QML youtube series and more recently his youtube series called Qt Widgets and More.