Styling the Busy indicator in QML 2.0

[pra7]

Hi All,

I am using Busy indicator to show intermediate progress and i want to change the color of the circles. I referred Customizing Busy indicator link but this is changing the default animation and other things. Also, It is difficult to understand because there is no explanation for the same.

I just want to change the color and the animations should be the same as default. Can anyone please suggest.

[Pradeep P N]

Hi @pra7

Can you please provide some screenshots/images based on your requirement ?
Please check the below link, hope this can help you.

A customized busy indicator in Qt Quick.

All the best.

[pra7]

Hi @Pradeep-P-N,
I just want to change the color of the busy indicator and the link that you have provided is for QML controls 1.0 and hence it doesn't work for QML 2.0.

[Gojir4]

@pra7 Hi,

You may want to use styles (Material, Universal, etc..) to apply theme and colors quite easily.
I'm not sure if you can apply it only on one component or if it should applied to the whole application

[Eligijus]

This is how I style one off BusyIndicator:

            BusyIndicator {
                running: true
                Component.onCompleted: {
                    contentItem.pen = "white"
                    contentItem.fill = "white"
                }
            }

If I recall correctly I was looking at source code of BusyIndicator to understand how to style it.