Colors and Gradients - Video

Introduction to Qt / QML - Part 12

9 January 2020

Tags

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

We have already seen how to make colored rectangles: just write something like "color: "red"" in your QML code. Is that all that Qt Quick offers in terms of colors? Well, not quite. This video shows you how to specify colors in different ways (e.g. by an HTML hex-string, or by specifying RGB channels using normalized floating point) and create gradients in Qt Quick.

Don't underestimate these little graphical touches; they can truly make the difference between a good looking application and a great looking application.

Dithering and banding of gradients is also discussed. If you want to know more about those topics, check out these articles on Wikipedia: https://en.wikipedia.org/wiki/Dither and https://en.wikipedia.org/wiki/Colour_banding

You can find the mentioned video about "FocusScope" here: • Introduction to Qt / QML (Part 22) - Focus...

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

00:00 Introduction
00:42 Colors
01:59 Gradients
05:29 Gradient Images

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.