Siticone Chrono Gauge
The SiticoneChronoGauge is a racing-inspired, high-performance semicircular gauge.
It combines a digital readout with an analog arc, designed for applications requiring modern, high-contrast data visualization such as automotive dashboards, performance tuning tools, and gaming overlays.
Values & Behavior
Core properties for managing the gauge's data and range.
| Property | Type | Description & Usage Example |
|---|---|---|
Value |
float | chrono.Value = 88.5f; The current value displayed. Setting this triggers a smooth animation to the new value (if enabled). |
Minimum |
float | chrono.Minimum = 0; The starting value of the scale. |
Maximum |
float | chrono.Maximum = 200; The ending value of the scale. |
Appearance & Themes
Visual customization using built-in themes or individual color properties.
| Property | Type | Description & Usage Example |
|---|---|---|
Theme |
ChronoGaugeTheme |
chrono.Theme = ChronoGaugeTheme.Carbon;
Applies a predefined color scheme. Options: Midnight, Titanium, Carbon, Bronze, Cobalt, Aurora, Inferno, Monochrome.
|
TrackColor |
Color | chrono.TrackColor = Color.DarkGray; Color of the background arc track. |
ProgressColor |
Color | chrono.ProgressColor = Color.Cyan; The starting color of the filled progress arc. |
ProgressEndColor |
Color | chrono.ProgressEndColor = Color.Blue; The ending color of the filled progress arc (for gradients). |
IndicatorColor |
Color | chrono.IndicatorColor = Color.White; Color of the moving tip indicator. |
InfoBoxBackColor |
Color | chrono.InfoBoxBackColor = Color.Black; Background color of the digital value readout box. |
Text & Formatting
Settings for the digital display and units.
| Property | Type | Description & Usage Example |
|---|---|---|
ValueUnit |
string | chrono.ValueUnit = "MPH"; The unit label displayed below the value. |
ValueFormat |
string | chrono.ValueFormat = "F0"; Standard numeric format string (e.g., "F1" for 1 decimal). |
ValueFont |
Font | chrono.ValueFont = new Font("Segoe UI", 24); Font for the main digital readout. |
UnitFont |
Font | chrono.UnitFont = new Font("Segoe UI", 10); Font for the unit label. |
TextColor |
Color | chrono.TextColor = Color.White; Color for all text elements. |
Animation & Performance
Control the smoothness and rendering quality.
| Property | Type | Description & Usage Example |
|---|---|---|
EnableAnimation |
bool | chrono.EnableAnimation = true; Enables smooth interpolation between values. |
AnimationSpeed |
int | chrono.AnimationSpeed = 50; Speed of the value transition (1-100). |
UltraFastPerformance |
bool | chrono.UltraFastPerformance = true; Disables gradients and glow effects for maximum frame rate. Useful for rapid data streams. |
Events
// 1. ValueChanged Event
// Fires when the Value property is updated.
chronoGauge.ValueChanged += (s, e) =>
{
Console.WriteLine("Value Updated");
};
// 2. AnimationCompleted Event
// Fires when the indicator reaches the target value.
chronoGauge.AnimationCompleted += (s, e) =>
{
if (chronoGauge.Value >= chronoGauge.Maximum)
{
MessageBox.Show("Max Speed Reached!");
}
};
Designer & Smart Tags
Visual Studio Designer features for rapid configuration.
| Feature | Description |
|---|---|
Theme Presets |
Instantly switch between styles:
|
Quick Config |
Easily set Value Unit, Value Format, and Animation Speed from the smart tag panel. |
Detailed Usage Examples
Example 1: Automotive Speedometer
Creates a high-contrast speedometer using the Carbon theme.
private void SetupSpeedometer()
{
speedGauge.Theme = ChronoGaugeTheme.Carbon;
speedGauge.Minimum = 0;
speedGauge.Maximum = 220;
speedGauge.ValueUnit = "KM/H";
speedGauge.ValueFormat = "F0"; // No decimals
// Animation
speedGauge.EnableAnimation = true;
speedGauge.AnimationSpeed = 60;
}
public void UpdateSpeed(float speed)
{
speedGauge.Value = speed;
}
Example 2: Turbo Boost Gauge
A pressure gauge using the Cobalt theme with a custom range.
private void SetupBoostGauge()
{
boostGauge.Theme = ChronoGaugeTheme.Cobalt;
boostGauge.Minimum = -30; // Vacuum
boostGauge.Maximum = 30; // Boost
boostGauge.ValueUnit = "PSI";
// Custom Colors
boostGauge.ProgressColor = Color.DeepSkyBlue;
boostGauge.ProgressEndColor = Color.Cyan;
}
Example 3: High-Performance RPM
Uses UltraFastPerformance for real-time, lag-free updates suitable for rapidly changing data like engine RPM.
private void SetupRpmGauge()
{
rpmGauge.Theme = ChronoGaugeTheme.Inferno;
rpmGauge.Maximum = 9000;
rpmGauge.ValueUnit = "RPM";
// Optimize for speed
rpmGauge.UltraFastPerformance = true;
}
// Called frequently (e.g., 60 times/sec)
public void OnRpmUpdate(float currentRpm)
{
// Updates instantly without animation lag
rpmGauge.Value = currentRpm;
}