Tritium UI
TritiumRadialGauge
Show a value on a circular dial with ranges, a needle, and optional dragging.
Key features
- Set minimum, maximum, and a two-way value.
- Sweep any start angle and arc, from a full circle to a semicircle.
- Color bands with GaugeRange and add extra pointers with GaugeMarker.
- Show major and minor ticks, labels, a title, and a center label.
- Let the user drag the needle, snap to a step, and animate value changes.
- Lock the dial with IsReadOnly.
- Export the gauge to a PNG stream or file.
Platforms
Android, iOS, Mac Catalyst, and Windows 10 version 19041 and later (.NET 10 MAUI).
Main API
- Value . The current reading, two-way.
- Minimum . Scale start; Maximum is the scale end.
- Ranges . Colored bands along the scale.
- ValueChanged . Fires with the previous and new values.
Basic example
Declare this namespace on the page.
xmlns:gauges="clr-namespace:Tritium.Maui.Gauges;assembly=Tritium.Maui.Gauges"
<gauges:TritiumRadialGauge Minimum="0" Maximum="100" Value="72"
Title="Load" StartAngle="135" SweepAngle="270"
AllowNeedleDrag="True" />Add the package source from your license, then reference the package that includes this control. These packages are not on the public NuGet Gallery.