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

Siticone Neon Speed Gauge

The SiticoneNeonSpeedGauge is a futuristic, high-impact gauge inspired by cyberpunk aesthetics and modern car interfaces. It features intense glow effects, floating particles, pulsing animations, and a multi-layered arc design.

Values & Range

Properties for measurement data.

Property Type Description & Usage Example
CurrentValue double neon.CurrentValue = 180; The current reading. Triggers animations.
MinValue double neon.MinValue = 0; Scale start value.
MaxValue double neon.MaxValue = 300; Scale end value.

Neon Effects

Control the glow, pulse, and particle systems.

Property Type Description & Usage Example
ShowNeonGlow bool neon.ShowNeonGlow = true; Enables the multi-layer blur glow effect.
EnableNeonPulse bool neon.EnableNeonPulse = true; Animates the glow intensity rhythmically.
EnableParticleEffect bool neon.EnableParticleEffect = true; Adds floating background particles.
GlowIntensity float neon.GlowIntensity = 1.5f; Multiplier for glow brightness.

Visual Style

Customize colors and layout.

Property Type Description & Usage Example
ThemeStyle NeonThemeStyle neon.ThemeStyle = NeonThemeStyle.CyberPurpleCyan; Presets: ElectricBlue, HotPink, NeonGreen, LavaRed, RainbowSpectrum.
ArcShape NeonArcShape neon.ArcShape = NeonArcShape.Semicircle; Semicircle, ThreeQuarter, FullCircle.
ArcStartColor Color neon.ArcStartColor = Color.Cyan; Gradient start color.
ArcEndColor Color neon.ArcEndColor = Color.Magenta; Gradient end color.
BaseColor Color neon.BaseColor = Color.Black; Background color of the gauge.

Indicator & Zones

Needle style and safety zones.

Property Type Description & Usage Example
IndicatorStyle NeonIndicatorStyle neon.IndicatorStyle = NeonIndicatorStyle.GlowLine; Options: ModernNeedle, GlowLine, ArrowHead, ThickBeam.
ShowWarningZones bool neon.ShowWarningZones = true; Displays colored segments for warning/danger levels.
WarningZoneStart double neon.WarningZoneStart = 180; Start value for warning zone.

Public Methods

FlashNeonEffect()
// Triggers a temporary brightness boost animation.
neon.FlashNeonEffect();
SetValue(double, bool)
// Sets the value, optionally controlling animation.
neon.SetValue(200, true);

Events

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

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

Designer & Smart Tags

Visual Studio integration.

Feature Description
Neon Themes Cyber Purple Cyan: Futuristic gradient.
Electric Blue: High voltage look.
Hot Pink: Synthwave style.
Lava Red: Aggressive red/orange.
Effects Flash Neon: Test the flash animation.
Copy/Paste: Duplicate complex neon configs.

Detailed Usage Examples

Example 1: Cyberpunk HUD

Creates a sci-fi interface element with particles and purple/cyan gradients.

C# - Cyberpunk Setup
private void SetupCyberHUD()
{
    neon.ThemeStyle = NeonThemeStyle.CyberPurpleCyan;
    neon.TitleText = "ENERGY";
    neon.UnitLabel = "MW";
    neon.Maximum = 500;
    
                // Effects
    neon.EnableParticleEffect = true;
    neon.EnableNeonPulse = true;
    neon.GlowIntensity = 1.5f;
    
                // Needle
    neon.IndicatorStyle = NeonIndicatorStyle.GlowLine;
}

Example 2: Racing Tachometer

A high-response RPM gauge with redline flash effect.

C# - Racing RPM
private void SetupTach()
{
    neon.ThemeStyle = NeonThemeStyle.ClassicOrange;
    neon.TitleText = "RPM";
    neon.UnitLabel = "x1000";
    neon.Maximum = 9;
    
                // Warning Zones
    neon.ShowWarningZones = true;
    neon.WarningZoneStart = 7;
    neon.DangerZoneStart = 8;
    
                // Logic
    neon.ValueChanged += (s, e) => 
    {
                if (e.NewValue >= neon.DangerZoneStart)
            neon.FlashNeonEffect();
    };
}