Click here to Skip to main content
13,559,863 members
Click here to Skip to main content
Add your own
alternative version


60 bookmarked
Posted 4 Nov 2008
Licenced CPOL

Yet Another Transparent Clock which Supports Custom Skin

, 4 Nov 2008
Rate this:
Please Sign up or sign in to vote.
A clock, with transparent background, supports add custom skins


I created this tiny clock program, which supports custom skins, for my brother.

Anyone who wants to add a new skin can create a skin directory in /Theme/*.




The code is written based upon Windows layered window and GDI+.

In the source code, you will find the GDIPluszH.h file which is provided here and also the CXml classes which are provided here.

How to Add a New Skin

Each type of skin is placed under the /Theme/ directory.
To add a new skin, just create another sub-directory in /Theme/, which includes the image files and configuration file.

The image files are:

  • dial.png
  • hourNeedle.png
  • minuteNeedle.png
  • secondNeedle.png

And the configuration file  is setting.xml.

There is a sample for the setting.xml:

<?xml version="1.0" encoding="UTF-8"?>




The configuration file indicates the rotate center points of the dial and the needles.


You can download the source code from the link at the top of this article.

There is no need to explain more about the code because it is very easy. Moreover, there are several articles on The Code Project which explain the LAYERED window. I cannot do better.


  • 5th November, 2008: Initial post


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


About the Author

Team Leader
China China
Jerry is from China. He was captivated by computer programming since 13 years old when first time played with Q-Basic.

  • Windows / Linux & C++
  • iOS & Obj-C
  • .Net & C#
  • Flex/Flash & ActionScript
  • HTML / CSS / Javascript
  • Gaming Server programming / video, audio processing / image & graphics

Contact: vcer(at)
Chinese Blog:

You may also be interested in...

Comments and Discussions

QuestionHow to add a button or an edit box to modify the date or display date Pin
Sam.Liang19-Feb-12 19:59
memberSam.Liang19-Feb-12 19:59 
GeneralFirst Link Is error Pin
kmlch5-Nov-08 14:45
memberkmlch5-Nov-08 14:45 

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

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

Permalink | Advertise | Privacy | Cookies | Terms of Use | Mobile
Web02 | 2.8.180527.3 | Last Updated 5 Nov 2008
Article Copyright 2008 by Jerry.Wang
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid