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
// Triggers a temporary brightness boost animation.
neon.FlashNeonEffect();
// Sets the value, optionally controlling animation.
neon.SetValue(200, true);
Events
// 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.
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.
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();
};
}