Click here to Skip to main content
Click here to Skip to main content

A WPF Digital Clock

, 26 Apr 2008
Rate this:
Please Sign up or sign in to vote.
A WPF Digital Clock for displaying the current time, styled using RibbonStyleHandler

digitalclock1.jpg

digitalclock2.jpg

digitalclock3.jpg

Introduction

This article presents a digital clock written using C# .Net 3.5 and Windows Presentation Foundation (WPF), with a version supporting styling using the RibbonStyleHandler from the Ribbon Control Library (and hence allowing styling consistent with RibbonWindow applications).

Using the Code

This is VERY simple, to create a new clock window, make a new instance of DigitalClockWindow! To add a control to an existing window, use DigitalClockControl.

About the Code

The DigitalClock class is comprised of DigitalClockDots and DigitalClockElement. The DigitalClockDots class is a UIElement representing two dots to separate hours from minutes from seconds. DigitalClockElement represents the following states: 0, 1, 2, 3, 4, 5, 6, 7, 8, and 9. Hence the DigitalClock is a Grid of DigitalClockElement DigitalClockElement DigitalClockDots DigitalClockElement DigitalClockElement DigitalClockDots DigitalClockElement DigitalClockElement.

The DigitalClockControl and DigitalClockWindow classes contain a thread for updating the clock when AutoUpdate is set to true, otherwise the clock may be updated via the .CurrentTime property of DigitalClockControl.

DigitalClockControl contains three properties for styling, DigitBrush the Brush used to render the digits (0 to 9), DotBrush the Brush used to render the separating dots, and ClockBackground the background of the clock. DigitalClockDots contains a single property RenderBrush for setting the brush used to render the dots. DigitalClockElement contains a similar property RenderBrush for setting the brush used to render the graphic components. Furthermore it also contains a Value property for setting the value to display (in the range 0 to 9).

Ribbon Styled Clock

In version 1.0.0.1 RibbonClockControl and RibbonClockWindow have been added which inherit from DigitalClockControl and DigitalControlWindow respectively; they add automatic styling based on the RibbonStyleChanged event, and can be seen in use in the CIRIP project (a Computational Intelligent Railway Intervention Planner).

References

ribboncontrol.aspx - The Ribbon Control library used in styling the control.

History

Version 1.0.0.0 - Initial build

Version 1.0.0.1 - Separated Ribbon styling from clock.

Version 1.0.0.1 - Added AutoUpdate and CurrentTime properties to allow display of custom times

Version 1.0.0.1 - Added RibbonClockControl and Window with Ribbon styling

Version 1.0.0.1 - Refactored controls to allow resizing

Version 1.0.0.1 - Changed clock from Window to UserControl and added DigitalClockWindow

Version 1.0.0.1 - Fixed bug where update thread kept process alive

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Derek Bartram
Software Developer Rail Research UK
United Kingdom United Kingdom
I originally studied for a masters in engineering of software engineering at The University of Birmingham during 2000-2004, of which I received a 2:1. I continued at Birmingham University working with Civil Engineering and Rail Research UK where I am currently in my final year of a 3 year PhD project developing a Computational Intelligent Approach to Railway Intervention Planning. Although my work has a significant focus on railway engineering and associated practices much of my work is with data mining (on SQL Server 2008) and computational intelligence (CI) techniques. My key areas of expertise in CI are clustering algorithms (including Rival Penalised Competitive Learning) and evolutionary algorithms.
 
Outside of my formal work I enjoy testing the latest technologies such as .NET 3.5 and the many frameworks of which it comprises (mainly WPF). I have several projects on the go including a .NET and DirectX port of Quake 3 and many utility libraries. I also maintain an extensive website coded in Cold Fusion which is regularly updated; more information is available about me there.

Comments and Discussions

 
GeneralA few other comments PinprotectorMarc Clifton26-Apr-08 9:32 
GeneralRe: A few other comments PinmemberDerek Bartram26-Apr-08 11:44 
GeneralRe: A few other comments PinmemberDerek Bartram26-Apr-08 11:47 
GeneralRe: A few other comments PinprotectorMarc Clifton26-Apr-08 11:48 
GeneralRe: A few other comments PinmemberDerek Bartram27-Apr-08 0:07 
GeneralRe: A few other comments PinprotectorMarc Clifton27-Apr-08 2:23 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web03 | 2.8.140827.1 | Last Updated 26 Apr 2008
Article Copyright 2008 by Derek Bartram
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid