Siticone Radial Flow Gauge

The SiticoneRadialFlowGauge is a modern, clean gauge component designed for dashboard applications. It features smooth animations, a customizable segmented arc, and an optional center display for data visualization.

Values & Scale

Properties for managing the gauge's value and range.

Property	Type	Description & Usage Example
`Value`	float	flowGauge.Value = 75; The current value displayed. Updates are animated.
`MinimumValue`	float	flowGauge.MinimumValue = 0; Scale minimum.
`MaximumValue`	float	flowGauge.MaximumValue = 100; Scale maximum.

Appearance & Style

Customize the gauge's look, including colors, thickness, and segments.

Property	Type	Description & Usage Example
`FillColor`	Color	flowGauge.FillColor = Color.DodgerBlue; Color of the active progress arc.
`TrackColor`	Color	flowGauge.TrackColor = Color.LightGray; Color of the inactive background track.
`GaugeThickness`	int	flowGauge.GaugeThickness = 20; Thickness of the gauge arc.
`CapStyle`	GaugeCapStyle	flowGauge.CapStyle = GaugeCapStyle.Round; Style of the arc ends (Round or Flat).
`IsSegmented`	bool	flowGauge.IsSegmented = true; Draws the gauge as separated segments.

Inner Circle & Display

Settings for the central area and data display.

Property	Type	Description & Usage Example
`DrawInnerCircle`	bool	flowGauge.DrawInnerCircle = true; Draws a background circle inside the gauge.
`InnerCircleColor`	Color	flowGauge.InnerCircleColor = Color.White; Color of the inner circle.
`ShowValue`	bool	flowGauge.ShowValue = true; Displays the numeric value in the center.
`TitleText`	string	flowGauge.TitleText = "CPU"; Title text displayed above the value.

Public Methods

UpdateValue(float)

// Updates the value and triggers animation.
flowGauge.UpdateValue(85);

Reset()

// Resets the gauge to MinimumValue.
flowGauge.Reset();

Events

Events Wiring

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

// 2. GaugeClicked Event
flowGauge.GaugeClicked += (s, e) => 
{
                MessageBox.Show("Gauge Clicked!");
};

Designer & Smart Tags

Visual Studio integration features.

Feature	Description
`Themes`	Modern Dashboard: Clean teal theme. Sci-Fi Digital: Futuristic blue/cyan. Elegant Glass: Translucent glass style.

Detailed Usage Examples

Example 1: Battery Level

Configures the gauge as a battery indicator.

C# - Battery Gauge

private void SetupBatteryGauge()
{
    flowGauge.MinimumValue = 0;
    flowGauge.MaximumValue = 100;
    flowGauge.UnitText = "%";
    flowGauge.TitleText = "BATTERY";
    
                // Visuals
    flowGauge.FillColor = Color.LimeGreen;
    flowGauge.CapStyle = GaugeCapStyle.Round;
}

Example 2: Segmented Progress

Uses segmented display for a stepped progress look.

C# - Segmented

private void SetupSegmentedGauge()
{
    flowGauge.IsSegmented = true;
    flowGauge.SegmentGapAngle = 4;
    flowGauge.FillColor = Color.Orange;
    flowGauge.GaugeThickness = 15;
}