Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Modern Circular Gauge

Siticone Modern Circular Gauge

The SiticoneModernCircularGauge is a refined, professional-grade radial gauge. It emphasizes clarity and aesthetics with features like inner shadows, gloss overlays, gradient pointers, and high-fidelity anti-aliased rendering.

Values & Scale

Properties for managing the gauge measurement data.

Property Type Description & Usage Example
CurrentValue double gauge.CurrentValue = 75.0; The value indicated by the pointer. Automatically animates when changed.
MinimumRange double gauge.MinimumRange = 0; The start value of the scale.
MaximumRange double gauge.MaximumRange = 100; The end value of the scale.

Visual Style

Extensive customization for the gauge face, rim, and tick marks.

Property Type Description & Usage Example
VisualTheme GaugeVisualTheme gauge.VisualTheme = GaugeVisualTheme.Dark; Preset themes: Light, Dark, Blue, Green, Neon, Professional.
FaceColor Color gauge.FaceColor = Color.WhiteSmoke; Background color of the dial face.
RimColor Color gauge.RimColor = Color.Silver; Color of the outer bezel/rim.
ShowGlossEffect bool gauge.ShowGlossEffect = true; Adds a realistic glass reflection overlay.
ShowInnerShadow bool gauge.ShowInnerShadow = true; Adds depth with an inner shadow inside the rim.

Pointer & Center

Configuration for the needle and center cap.

Property Type Description & Usage Example
PointerStyle CircularPointerStyle gauge.PointerStyle = CircularPointerStyle.Modern; Shape: Classic, Modern, Sleek, Bold, Minimal.
PointerColor Color gauge.PointerColor = Color.Red; Color of the indicator needle.
EnablePointerPulse bool gauge.EnablePointerPulse = true; Adds a subtle breathing animation to the pointer.
CenterStyle CenterDotStyle gauge.CenterStyle = CenterDotStyle.Circular; Shape of the center pivot cap.

Digital Display

Settings for the central text readout.

Property Type Description & Usage Example
ShowDigitalDisplay bool gauge.ShowDigitalDisplay = true; Shows numeric value in the center.
UnitLabel string gauge.UnitLabel = "RPM"; Text displayed next to the value.
GaugeTitle string gauge.GaugeTitle = "Engine"; Title text displayed at the top.

Public Methods

ResetGauge()
// Resets the pointer to the MinimumRange value.
gauge.ResetGauge();
AddColorZone(double, double, Color)
// Adds a colored sector to the scale (e.g., Redline).
gauge.AddColorZone(80, 100, Color.Red, "Danger");
CalibrateRange(double, double)
// Sets new min and max values simultaneously.
gauge.CalibrateRange(0, 240);

Events

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

// 2. AnimationComplete Event
gauge.AnimationComplete += (s, e) => 
{
                // Trigger after-effect
};

Designer & Smart Tags

Visual Studio integration features.

Feature Description
Theme Presets Professional: Clean gray/blue style.
Dark: High contrast dark mode.
Neon: Glowing elements.
Minimal: Simplified styling.
Quick Actions Test Warning Zone: Sets value to warning level.
Calibrate: Resets range defaults.