Using a stylish gradient in a QGraphicsItem

[AndyBrice]

I am using a QBrush with a QLinearGradient to paint the background of a QGraphicsItem.

It looks ok, but a bit flat. I want it to look more 3 dimensional, which means a non-linear gradient. Something more like this.

Has anyone done this? How did you do it?

[mrjj]

Hi
Im not 100% sure what you ask, but try use the editor and see what you can build.
its quite handy.

[AndyBrice]

Is that part of the designer in QtCreator? Or is that a QML thing?

[mrjj]

@AndyBrice
hi
its in Designer
Right click any widget, Change style sheet, Add Gradient (choose some color)
then Edit or New to open editor.

[AndyBrice]

Thanks. I'm thinking perhaps I need a radial gradient.

[mrjj]

@AndyBrice
You can drag the handles to make it turn any way you want.

[AndyBrice]

Thanks.

On investigating a bit more it looks like the nice bitmaps above are a linear gradient, but with multiple 'stops' and some dithering. Might be quite difficult to do with QPainter calls. Perhaps I need to take a small vertical slice and tile that across the rectangle.

[mrjj]

@AndyBrice
Hi
Im not sure about what part you want to draw with gradient as
for me- the difference between the pic 1n pic 2 is the use of
drop shadow on the buttons so they are not so flat looking.

[AndyBrice]

I think it is the dithering more than the drop shadow that makes it look pretty. But I'm not a graphic designer, so I am not 100% sure. ;0)

[mrjj]

Hi
The subtle drop shadow also helps.

if we compare to flat version

However, the gradients were more simple than i though

in the white box, is is just linear between the colors shown. and it really looks the same. (IMHO)

[AndyBrice]

@mrjj Yes, it is just a simple linear gradient. I'm surprised. Thanks.