Siticone Logo
Siticone UI
DOCS
v2025.12.15
Docs Clock (Advanced)

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.

Event Descriptions & Wiring
// 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.

C# - Obsidian Theme
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.

C# - Metal Theme
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.

C# - Performance Toggle
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.");
    }
}