Arc gauge
-
it would quite hard to perfectly fit each sector if they are not generated automatically using a function (like I would do with mine)
For these reasons I was trying to use the supplied pictures to animate the gauge.
Those 2 sentences are a contradiction no?
actually you should only paint each sector once and color them differently according to the value.
I mean it's way harder to place images perfectly than do custom painting at calculated coordinates.My pictures are only an example, but the final stuff I will receive, might contains other bells & whistles like gradients along all the colored arcs, or some texture, etc...
So you want a solution which automagically does everything you need with least effort?
If you want to work with images (and all it's problems, like blurring etc) the only thing you need is the Image element and probably some effects or masks.
For a clean solution i would recommend to do the painting yourself, since this gives you also perfect placement and no problems antialiasing.@raven-worx said in Arc gauge:
If you want to work with images (and all it's problems, like blurring etc) the only thing you need is the Image element and probably some effects or masks.
Yep, and this is the only thing I don't know how to do in this case. Hence my question :-)
-
@raven-worx said in Arc gauge:
Those 2 sentences are a contradiction no?
At all.
The pictures are generated, say, with Photoshop changing their color. So if I use them I'm sure they can overlap perfectly each other. On the other hand, if I manually draw both scales, I'm also sure they fit together but it would be harder to reproduce all the graphics effects (and the graphic guy cannot update the images himself - as he requires).What I meant with my sentences is it would not work if you use a mix the two approaches - as I thought (wrongly) you suggested before.
So you want a solution which automagically does everything you need with least effort?
Uh? I don't understand this question.
If you see the "QtQuick control extras example" you can find how theCircularGaugeis made. For the needle they used a png that rotates according to the requested value. Of course they can draw the needle by hand too, but as said this approach has several
drawbacks. I don't think its a matter of "doing something automagically" but just to understand how to use the QML tools.@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 said in Arc gauge:
If you want to work with images (and all it's problems, like blurring etc) the only thing you need is the Image element and probably some effects or masks.
Yep, and this is the only thing I don't know how to do in this case. Hence my question :-)
-
@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.
@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
Shapeelement withclipproperty 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!
-
-
@raven-worx this does nothing but paints one image one on top of the other....
@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. -
@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.@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! -
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.
-
Qt 6.8 has just what the doctor ordered (see https://www.youtube.com/watch?v=iXLoC06CKOc):
Qt Doc Search for browsers: forum.qt.io/topic/35616/web-browser-extension-for-improved-doc-searches
-
Qt 6.8 has just what the doctor ordered (see https://www.youtube.com/watch?v=iXLoC06CKOc):
@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!
Don't just sit there standing around, pick up a shovel and sweep up!
I live by the sea, not in it.
-
@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!
@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.
If debugging is the process of removing software bugs, then programming must be the process of putting them in.
~E. W. Dijkstra
-
@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.
