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

Yet Another Transparent Clock which Supports Custom Skin

By , 4 Nov 2008
Rate this:
Please Sign up or sign in to vote.

Introduction

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/*.

1.jpg

2.jpg

Background

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"?>
<skin>
	<dial>
		<filename>dial.png</filename>
		<centerX>200</centerX>
		<centerY>206</centerY>
	</dial>

	<hourNeedle>
		<filename>hourNeedle.png</filename>
		<centerX>14</centerX>
		<centerY>176</centerY>
	</hourNeedle>

	<minuteNeedle>
		<filename>minuteNeedle.png</filename>
		<centerX>14</centerX>
		<centerY>176</centerY>
	</minuteNeedle>

	<secondNeedle>
		<filename>secondNeedle.png</filename>
		<centerX>14</centerX>
		<centerY>194</centerY>
	</secondNeedle>
</skin>

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

Others

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.

History

  • 5th November, 2008: Initial post

License

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

About the Author

Jerry.Wang
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
  • PHP / HTML / CSS / Javascript
  • Gaming Server programming / video, audio processing / image & graphics
 
Contact: 32775973(at)qq.com
Chinese Blog: http://blog.csdn.net/wangjia184

Comments and Discussions

 
QuestionHow to add a button or an edit box to modify the date or display date PinmemberSam.Liang19-Feb-12 19:59 

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.140415.2 | Last Updated 5 Nov 2008
Article Copyright 2008 by Jerry.Wang
Everything else Copyright © CodeProject, 1999-2014
Terms of Use
Layout: fixed | fluid