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
// 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. |