Siticone Clock Advanced
The SiticoneClockAdvanced is a high-fidelity, vector-based timekeeping control designed for modern applications.
It goes beyond standard clocks with features like gradient faces, glowing second hands, performance modes, and over 15 preset themes.
Appearance & Theming
Customize the visual style of the clock face, bezel, and hands.
| Property | Type | Description & Usage Example |
|---|---|---|
FaceColor |
Color | clock.FaceColor = Color.FromArgb(30, 30, 30); The primary background color of the clock face. |
FaceColor2 |
Color | clock.FaceColor2 = Color.Black; The secondary color for the face gradient. Used when a gradient effect is active. |
BezelColor |
Color | clock.BezelColor = Color.Silver; The color of the outer rim (bezel) of the clock. |
TickColor |
Color | clock.TickColor = Color.LightGray; The color of the minute and hour markers. |
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.Red; The color of the second hand. |
Visual Effects
Add depth and polish with advanced rendering options.
| Property | Type | Description & Usage Example |
|---|---|---|
EnableGlowEffect |
bool | clock.EnableGlowEffect = true; Adds a pulsating glow animation to the tip of the second hand. |
GlowColor |
Color | clock.GlowColor = Color.Cyan; The color of the glow effect. Works best with bright colors on dark backgrounds. |
UltraPerformanceMode |
bool | clock.UltraPerformanceMode = true; Disables heavy effects (gradients, anti-aliasing, glows) to maximize performance on low-end hardware. |
Events
Respond to precise time updates.
// 1. SecondChanged Event
// Fires exactly once per second. Ideal for UI updates.
clock.SecondChanged += (s, e) =>
{
Console.WriteLine($"Tick: {e.NewSecond}");
};
// 2. HourChanged Event
// Fires when the hour changes. Useful for alarms or hourly chimes.
clock.HourChanged += (s, e) =>
{
PlayChimeSound();
};
// 3. TimeChanged Event
// Fires on every repaint frame (~30fps) for smooth animation logic.
clock.TimeChanged += (s, e) =>
{
// Access high-precision time via e.CurrentTime
};
Detailed Usage Examples
Example 1: "Obsidian Glow" Theme
A dark, futuristic theme with a red glowing second hand.
private void ApplyObsidianTheme()
{
clock.BezelColor = Color.Black;
clock.FaceColor = Color.FromArgb(25, 25, 25);
clock.FaceColor2 = Color.FromArgb(55, 55, 55);
clock.TickColor = Color.FromArgb(180, 80, 80);
clock.HourHandColor = Color.Gainsboro;
clock.MinuteHandColor = Color.Gainsboro;
clock.SecondHandColor = Color.Crimson;
// Enable Glow
clock.EnableGlowEffect = true;
clock.GlowColor = Color.Red;
}
Example 2: "Liquid Metal" Theme
A sleek, monochromatic metallic look with a blue accent.
private void ApplyMetalTheme()
{
clock.BezelColor = Color.FromArgb(50, 50, 60);
clock.FaceColor = Color.FromArgb(180, 185, 190);
clock.FaceColor2 = Color.FromArgb(220, 225, 230);
clock.TickColor = Color.FromArgb(40, 40, 50);
clock.HourHandColor = Color.FromArgb(30, 30, 40);
clock.MinuteHandColor = Color.FromArgb(30, 30, 40);
clock.SecondHandColor = Color.FromArgb(0, 80, 200);
clock.EnableGlowEffect = true;
clock.GlowColor = Color.DodgerBlue;
}
Example 3: Performance Mode Toggle
Dynamically switching to performance mode for battery saving.
private void ToggleBatterySaver(bool isLowBattery)
{
// Disables heavy rendering features
clock.UltraPerformanceMode = isLowBattery;
if (isLowBattery)
{
Console.WriteLine("Low Power Mode: Animation FPS reduced.");
}
else
{
Console.WriteLine("High Performance Mode: Full visual fidelity.");
}
}