Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Clean Radial Gauge

Siticone Clean Radial Gauge

The SiticoneCleanRadialGauge is a streamlined, minimalist progress indicator. It focuses on clarity and elegance, featuring a smooth arc, optional gradient fills, and a clean central readout. Perfect for modern UI designs where simplicity is key.

Values & Scale

Properties for defining the measurement range and current value.

Property Type Description & Usage Example
Value float gauge.Value = 65; The current reading. Updates trigger smooth animation.
MinimumValue float gauge.MinimumValue = 0; The starting value of the arc.
MaximumValue float gauge.MaximumValue = 100; The ending value of the arc.

Appearance & Colors

Customize the gauge's visual style, including colors and geometry.

Property Type Description & Usage Example
GaugeWidth int gauge.GaugeWidth = 20; Thickness of the progress arc in pixels.
StartAngle int gauge.StartAngle = 150; Starting position in degrees.
SweepAngle int gauge.SweepAngle = 240; Total length of the arc in degrees.
NormalColor Color gauge.NormalColor = Color.Blue; Color for the "Safe" range.
WarningColor Color gauge.WarningColor = Color.Orange; Color for the "Warning" range.
DangerColor Color gauge.DangerColor = Color.Red; Color for the "Danger" range.

Gradient & Glow

Enhance the visual appeal with dynamic gradients and lighting effects.

Property Type Description & Usage Example
GradientEnabled bool gauge.GradientEnabled = true; Enables a smooth color transition along the arc.
UseRainbowGradient bool gauge.UseRainbowGradient = true; Overrides custom colors with a full spectrum rainbow.
AnimateRainbow bool gauge.AnimateRainbow = true; Cycles the rainbow colors continuously.
GlowEffect bool gauge.GlowEffect = true; Adds a soft bloom effect around the active arc.

Thresholds

Automatic color switching based on value.

Property Type Description & Usage Example
WarningThreshold float gauge.WarningThreshold = 60; Value above which the gauge turns WarningColor (if gradients off).
DangerThreshold float gauge.DangerThreshold = 80; Value above which the gauge turns DangerColor (if gradients off).

Events

Events Wiring
// 1. ValueChanged Event
gauge.ValueChanged += (s, e) => 
{
                Console.WriteLine($"Value: {e.NewValue}");
};

// 2. Zone Change Events
gauge.DangerZoneEntered += (s, e) => 
{
                MessageBox.Show("Danger Zone Reached!");
};

Designer & Smart Tags

Quickly apply visual themes from the designer.

Feature Description
Themes Professional: Green/Orange/Red logic.
Dark Mode: High contrast for dark backgrounds.
Material: Google Material colors.
Minimalist: Clean gray scale.
Electric: Vibrant neon colors.