Siticone Fusion Clock
The SiticoneFusionClock is a visually enhanced timekeeping control that blends modern, flat design with futuristic, glowing aesthetics.
It features a 3D-inspired bezel, customizable neon glow effects, and a rich set of color customization options.
Appearance & Styling
Customize the clock's face, rim, and background colors to fit your application's theme.
| Property | Type | Description & Usage Example |
|---|---|---|
BackgroundColor |
Color | clock.BackgroundColor = Color.FromArgb(45, 45, 55); The primary background color of the clock face. |
RimColor |
Color | clock.RimColor = Color.FromArgb(70, 70, 80); The color of the outer bezel/rim. |
TickColor |
Color | clock.TickColor = Color.LightGray; The color of the minute and hour markers. |
CenterCapColor |
Color | clock.CenterCapColor = Color.FromArgb(40, 40, 50); The color of the central pivot cap. |
Hands Configuration
Control the colors of the hour, minute, and second hands.
| Property | Type | Description & Usage Example |
|---|---|---|
HourHandColor |
Color | clock.HourHandColor = Color.White; The color of the hour hand. |
MinuteHandColor |
Color | clock.MinuteHandColor = Color.White; The color of the minute hand. |
SecondHandColor |
Color | clock.SecondHandColor = Color.Cyan; The color of the second hand. |
Visual Effects
Add a futuristic touch with neon glow effects.
| Property | Type | Description & Usage Example |
|---|---|---|
EnableNeonGlow |
bool | clock.EnableNeonGlow = true; Enables a soft, glowing aura around the hands and ticks. |
NeonGlowColor |
Color | clock.NeonGlowColor = Color.Cyan; The color of the glow effect. Works best with bright, saturated colors on dark backgrounds. |
Events
Respond to time updates for application logic.
// 1. SecondChanged Event
// Fires every second. Useful for UI sync.
clock.SecondChanged += (s, e) =>
{
Console.WriteLine($"Tick: {e.NewSecond}");
};
// 2. HourChanged Event
// Fires when the hour changes.
clock.HourChanged += (s, e) =>
{
PlayChime();
};
// 3. TimeChanged Event
// Fires on every visual update tick (approx 40ms).
clock.TimeChanged += (s, e) =>
{
// High-precision logic
};
Detailed Usage Examples
Example 1: "Cosmic Sapphire" Theme
A deep blue, space-inspired theme perfect for modern dashboards.
private void ApplyCosmicTheme()
{
clock.BackgroundColor = Color.FromArgb(24, 34, 54);
clock.RimColor = Color.FromArgb(45, 65, 95);
clock.TickColor = Color.FromArgb(170, 210, 255);
clock.HourHandColor = Color.White;
clock.MinuteHandColor = Color.White;
clock.SecondHandColor = Color.FromArgb(0, 191, 255);
clock.CenterCapColor = Color.FromArgb(24, 34, 54);
clock.EnableNeonGlow = true;
clock.NeonGlowColor = Color.FromArgb(0, 191, 255);
}
Example 2: "Solar Flare" Theme
A warm, energetic theme using reds and oranges.
private void ApplySolarTheme()
{
clock.BackgroundColor = Color.FromArgb(60, 20, 20);
clock.RimColor = Color.FromArgb(90, 40, 40);
clock.TickColor = Color.FromArgb(255, 220, 180);
clock.HourHandColor = Color.White;
clock.MinuteHandColor = Color.White;
clock.SecondHandColor = Color.FromArgb(255, 100, 0);
clock.CenterCapColor = Color.FromArgb(60, 20, 20);
clock.EnableNeonGlow = true;
clock.NeonGlowColor = Color.FromArgb(255, 100, 0);
}
Example 3: "Emerald Matrix" Theme
A classic hacker-style green-on-black theme.
private void ApplyMatrixTheme()
{
clock.BackgroundColor = Color.FromArgb(15, 40, 30);
clock.RimColor = Color.FromArgb(30, 70, 50);
clock.TickColor = Color.FromArgb(150, 255, 200);
clock.HourHandColor = Color.White;
clock.MinuteHandColor = Color.White;
clock.SecondHandColor = Color.FromArgb(0, 255, 127);
clock.CenterCapColor = Color.FromArgb(15, 40, 30);
clock.EnableNeonGlow = true;
clock.NeonGlowColor = Color.FromArgb(0, 255, 127);
}
Example 4: "Chronos Gold" Theme (No Glow)
A luxurious, classic gold theme without the futuristic glow.
private void ApplyGoldTheme()
{
clock.BackgroundColor = Color.FromArgb(50, 45, 40);
clock.RimColor = Color.FromArgb(130, 100, 50);
clock.TickColor = Color.FromArgb(255, 235, 200);
clock.HourHandColor = Color.White;
clock.MinuteHandColor = Color.White;
clock.SecondHandColor = Color.FromArgb(218, 165, 32);
clock.CenterCapColor = Color.FromArgb(50, 45, 40);
clock.EnableNeonGlow = false; // Classic look
}