Telerik Xamarin Radial gauge

[Jaison]

Hi,

I am trying to use a radial gauge in Telerik for Xamarin as a radial progress bar using XAML.

But it is aligned to the top left corner of the total space occupied by the element. 

Why is it so?

[Petar Marchev]

Hi Jaison,

The gauge tries to stretch itself into the given space. If you put the gauge in a Grid, the gauge should stretch as much as possible within this grid. However, if you put the gauge inside a stack layout, then it will try to shrink to as little as possible, because of how the stack layout works. So, if in your case the gauge resides in an element that lets the gauge choose its size, the gauge will choose a small size.

If you are using the Beta, you must know that we had not yet taken into consideration the difference between the device true pixels which the SkiaSharp works with and the device independent pixels XamarinForms work with. So, if you are using the Beta, issues like unexpected sizing are, well, expected. You can upgrade to the last official version in which this was addressed.

Let us know if you need further assistance.

Regards,
Petar Marchev
Telerik by Progress

[Jaison]

Thanks.

[James]

Hi,

I am trying radial gauge to show the 2 different items on the circle with 2 colors and display the number with text in the middle of gauge and enable user to click on that. May be elevated image like button appearance. Appreciate if you provide me any samples or suggestions.

 

Thanks,

 

[Petar Marchev]

Hi James,

In order to get two different colors in the gauge, you can use one gauge range (for the secondary color, that is the one that does not display the value, but gives context on how large the gauge actually is) and a bar indicator with the main color that shows the actual value. You can then lay a Label on top of the gauge and center it vertically and horizontally. You can then use a tap gesture recognizer to detect taps. I hope this helps!

Regards,
Petar Marchev
Telerik by Progress