Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Prism Speed Gauge

Siticone Prism Speed Gauge

The SiticonePrismSpeedGauge utilizes vibrant gradients and prismatic colors to create a visually stunning data display. It features smooth animations, glow effects, and a clean layout suitable for modern applications.

Data Values

Properties for setting the gauge's measurement.

Property Type Description & Usage Example
CurrentValue double prism.CurrentValue = 75.0; The value to display.
MinValue double prism.MinValue = 0; Scale minimum.
MaxValue double prism.MaxValue = 140; Scale maximum.

Visual Style

Customize colors, gradients, and themes.

Property Type Description & Usage Example
ThemeStyle PrismThemeStyle prism.ThemeStyle = PrismThemeStyle.PurpleOrange; Presets: PurpleOrange, BlueGreen, RedYellow, CyanMagenta.
ArcStartColor Color prism.ArcStartColor = Color.Purple; Gradient start color.
ArcEndColor Color prism.ArcEndColor = Color.Orange; Gradient end color.
EnableGradientArc bool prism.EnableGradientArc = true; Enables smooth color transition on the arc.
ShowArcGlow bool prism.ShowArcGlow = true; Adds a glow effect to the gauge arc.

Indicator

Settings for the needle.

Property Type Description & Usage Example
IndicatorStyle IndicatorDesign prism.IndicatorStyle = IndicatorDesign.Modern; Options: Classic, Modern, Arrow, Thin, Bold.
IndicatorColor Color prism.IndicatorColor = Color.White; Color of the needle.

Public Methods

SetValue(double, bool)
// Sets the value with optional animation.
prism.SetValue(100, true);
ResetGauge(bool)
// Resets value to Minimum.
prism.ResetGauge(true);
IncrementValue(double, bool)
// Adds to the current value.
prism.IncrementValue(10, true);

Events

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

// 2. AnimationCompleted Event
prism.AnimationCompleted += (s, e) => 
{
                // Animation finished logic
};

Designer & Smart Tags

Visual Studio integration.

Feature Description
Prism Themes Vibrant Purple Orange: High saturation gradient.
Ocean Blue Green: Cool tones.
Sunset Red Yellow: Warm tones.
Actions Reset Gauge: Returns to start value.

Detailed Usage Examples

Example 1: Gradient Speedometer

A standard speedometer configuration using the Purple-Orange theme.

C# - Speedometer
private void SetupPrismSpeed()
{
    prism.ThemeStyle = PrismThemeStyle.PurpleOrange;
    prism.UnitLabel = "km/h";
    prism.Maximum = 200;
    
                // Animation
    prism.EnableSmoothAnimation = true;
    prism.AnimationSpeed = 40;
}

Example 2: Minimalist Indicator

A cleaner, less flashy version using the Minimalist theme.

C# - Minimalist
private void SetupMinimalGauge()
{
    prism.ThemeStyle = PrismThemeStyle.MinimalistClean;
    prism.UnitLabel = "%";
    prism.ShowArcGlow = false;
    prism.EnableGradientArc = false;
    
                // Simple needle
    prism.IndicatorStyle = IndicatorDesign.Thin;
}