Awesome Qt (QML) controls

Learn how to change the colour of an Image QML type

Learn how to create singletons in QML

Learn how to load fonts in QML

Create a reusable shadowed rectangle component

Style a QML checkbox

Create a CircularProgressBar.

NOTE: The base code for this control was borrowed from StackOverflow

Style a QML calendar control

Style a QML ComboBox

Create a GhostButton from QML Button type

Create a material themed QML button

Create a custom ConfirmDialog with QML popup type, and add a callback function to it.

Learn how to set up SVG support in Qt, especially for Android.

Modify the custom confirm dialog to add an illustrative image to it.

Now that you have created two different confirm dialogs, its time to show you other similar dialogs that can be useful in communicating with your app users.

Create a basic list item.

Create a list item with a drop shadow.

Create a custom notification popup.

Create a custom text field based on QML's TextField type, and add a drop shadow to it.

Create a custom text field based on QML's TextField type, and add a bottom border.

Create password inputs, and learn how to apply the password echo mode with the QML TextField type.

With the knowledge of creating custom text fields and dialog popups, in this lesson we create an email prompt, to prompt users for their emails.

Styling a QML TextArea with a drop shadow

Styling a QML TextArea, this time with a bottom border.

Creating a custom spinner

Create a custom busy indicator using the spinner we created in the previous lesson

Appreciation for your time and an invitation for comments and suggestions. I also mention a useful resource for design inspiration.