Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Supercar Gauge

Siticone Supercar Gauge

The SiticoneSupercarGauge is a premium HUD-style instrument control inspired by luxury automotive dashboards. It features carbon-fiber textures, angular hexagonal frames, and specialized pointers (Lamborghini, Ferrari styles), designed for high-end monitoring applications where visual impact is key.

HUD Architecture

Visual settings to control the frame, background, and pointer aesthetics.

PropertyTypeDescription & Usage
HudTheme Enum gauge.HudTheme = SupercarHUDTheme.Lamborghini;
Presets that mimic specific car brands.
Options: Lamborghini, Ferrari, McLaren, Bugatti, Koenigsegg, CyberTron.
ShowHexagonalFrame bool gauge.ShowHexagonalFrame = true;
Toggles the angular hexagonal border typical of modern supercar dashboards.
HexFrameColor Color The color of the hexagonal outer border.
HudBackgroundColor Color The base background color of the gauge.
CarbonFiberColor Color Sets the color of the inner background texture to simulate carbon fiber material.
PointerStyle Enum gauge.PointerStyle = SupercarPointerStyle.Racing;
Changes the needle geometry.
Racing: Standard sharp needle.
Lamborghini: Angular, wide base pointer.
Digital: Square-capped, futuristic line.
Ferrari, McLaren, Aggressive options also available.
PrimaryPointerColor Color The color of the main needle.
PointerLength int Percentage (40-95) of the radius.
PointerWidth int Thickness of the pointer in pixels.
ShowCenterHub bool Displays the central cap of the gauge.
CenterHubColor Color Color of the center hub.
CenterHubSize int Diameter of the center hub.

Performance Zones

Configure the Red Line and Performance zones to indicate limits.

PropertyTypeDescription & Usage
PrimaryValue float gauge.PrimaryValue = 5000;
The main value driven by the gauge.
MinimumValue float Scale start value.
MaximumValue float Scale end value.
RedLineValue float gauge.RedLineValue = 8000;
The value where the scale turns red (Danger/Redline zone).
PerformanceZoneStart float gauge.PerformanceZoneStart = 6500;
The value where the scale indicates optimal performance (Yellow zone).
ShowPerformanceZones bool Draws colored arcs on the scale to visualize the Safe, Performance, and Red Line ranges.
ShowWarningIndicators bool If true, warning triangles appear when PrimaryValue >= RedLineValue.
WarningIndicatorColor Color Color of the alert triangles.
SafeZoneColor Color Color of the normal operating range.
PerformanceZoneColor Color Color of the high-performance range.
RedLineZoneColor Color Color of the critical/redline range.

Scale & Ticks

Customize the angular sweep and tick marks.

PropertyTypeDescription
ScaleStartAngle int Starting angle in degrees.
ScaleSweepAngle int Total scale length in degrees.
MajorSegments int Number of major divisions.
MinorSegments int Number of ticks between major divisions.
MajorTickLength float Length of major ticks.
TickStrokeWidth int Thickness of tick marks.
ShowPerformanceLabels bool Shows numeric labels on the scale.

Secondary Data

Properties for the additional digital display (e.g., temperature, gear).

PropertyTypeDescription & Usage
ShowSecondaryDisplay bool Toggles the smaller data readout at the bottom of the HUD.
SecondaryValue float gauge.SecondaryValue = 90;
The numeric value for the secondary display.
SecondaryUnitLabel string Text suffix for the secondary value (e.g., "TEMP", "GEAR").
TitleText string Top title label (e.g. "PERFORMANCE").
PrimaryUnitLabel string Unit label for the main digital readout (e.g. "RPM").
ShowDigitalReadout bool Shows/Hides the main numeric value center screen.

Public Methods

Programmatic control for updating values.

SetValue(float, bool)
// Updates the primary value.
// animate: true for smooth needle movement.
public void SetValue(float value, bool animate)
{
    supercarGauge1.SetValue(120, true);
}
AddValue(float, bool)
// Increments the current value.
public void AddValue(float delta, bool animate = true)
{
    supercarGauge1.AddValue(10);
}
Reset(bool)
// Resets needle to MinimumValue.
public void Reset(bool animate = true)
{
    supercarGauge1.Reset();
}

Events

Hooks for critical zone transitions.

Zone Triggers
// 1. Entered Red Line
gauge.EnteredRedLineZone += (s, e) =>
{
                Console.WriteLine("WARNING: Redline!");
    gauge.HudBackgroundColor = Color.DarkRed; // Flash background
};

// 2. Exited Red Line
gauge.ExitedRedLineZone += (s, e) =>
{
    gauge.HudBackgroundColor = Color.FromArgb(15, 15, 15); // Restore
};

// 3. Entered Performance Zone
gauge.EnteredPerformanceZone += (s, e) =>
{
                Console.WriteLine("Optimal Performance Reached");
};

// 4. Animation Completed
gauge.AnimationCompleted += (s, e) =>
{
                // Needle stopped moving
};

Code Example

RPM Monitor Setup
// Initialize gauge as a high-performance RPM counter
public void InitRpmGauge()
{
    supercarGauge1.HudTheme = SupercarHUDTheme.Lamborghini;
    
    supercarGauge1.MinimumValue = 0;
    supercarGauge1.MaximumValue = 9000;
    supercarGauge1.RedLineValue = 8000;
    supercarGauge1.PerformanceZoneStart = 6500;
    
    supercarGauge1.TitleText = "ENGINE RPM";
    supercarGauge1.PrimaryUnitLabel = "x1000";
    
                // Secondary Temp Display
    supercarGauge1.ShowSecondaryDisplay = true;
    supercarGauge1.SecondaryValue = 90;
    supercarGauge1.SecondaryUnitLabel = "°C";
    
                // Enable smooth interpolation
    supercarGauge1.EnableSmoothAnimation = true;
    supercarGauge1.AnimationSpeed = 18;
}

// Handle event when engine hits redline
supercarGauge1.EnteredRedLineZone += (s, e) => 
{
                Console.WriteLine("Warning: Engine Redline Reached!");
};

Designer Presets

Smart tags for instant car-branding styles. Right click the control or open the smart tags to access the design presets. You can customize them anytime.