Arc gauge

[J.Hilk]

@Mark81 I think, this will get complicated quite quickly, if you want to do it in pure qml & canvas.

I would suggest looking into subclassing QQuickPaintedItem that way you can just partially draw the 2nd image, depending on your gauge value.

[raven-worx]

@Mark81 said in Arc gauge:

Yep, and this is the only thing I don't know how to do in this case. Hence my question :-)

assuming your images are identical in size:

Image {
   source: "qrc/background.png"

   Image {
       source: "qrc:/foreground.png"
   }
}

[Mark81]

@J.Hilk said in Arc gauge:
that way you can just partially draw the 2nd image, depending on your gauge value.

Interesting. Following your approach could not be even easier to draw the colored scale into a Shape element with clip property true. The shape will be a trapezoid with an inclined side starting from the center of the gauges (bound to the value property).

I would try it when I understand why "module "QtQuick.Shapes" version 1.12 is not installed" on my system!

[Mark81]

@raven-worx this does nothing but paints one image one on top of the other....

[raven-worx]

@Mark81 said in Arc gauge:

@raven-worx this does nothing but paints one image one on top of the other....

i thought you get a separate image for each possible value.

If you want to keep going the QML-only way take a look at OpacityMask
Again for the mask shape you can use a Canvas element drawing an arc to cover the unneeded sectors.

[Mark81]

@raven-worx said in Arc gauge:

If you want to keep going the QML-only way take a look at OpacityMask
Again for the mask shape you can use a Canvas element drawing an arc to cover the unneeded sectors.

Got it. This is a good advice. I'm going to try it and I'll report back the result.
Thanks for the patience!

[Markkyboy]

Hi Mark81 - did you achieve your goal?, I realise this question is around 5 years old, but I'm curious to know if you found/created a solution?

I have created similar software using CircularSlider/Progress (https://github.com/arunpkio/CircularSlider) with a Repeater, including using Canvas for added circular effects.

[JKSH]

Qt 6.8 has just what the doctor ordered (see https://www.youtube.com/watch?v=iXLoC06CKOc):

[Markkyboy]

@JKSH - Nice!, going to play with that later. Have already developed something similar under Qt 5.6. Not as posh as this one though!

Next step, new PC, tablet, monitors and an upgrade to QT6!

[Pl45m4]

@Markkyboy said in Arc gauge:

Nice!, going to play with that later.

Note: 6.8 is still in Beta phase. Final release will be around the end of Sept. with a probably more stable version 6.8.1 even later.

[Markkyboy]

@Pl45m4 - thanks for the info. By the time I've bought new electronica, it'll likely be available.