WPF : TimeLine Control

I have just finished creating what I think is a rather nice TimeLine Control.

Here is a video of it in action

It is capable of displaying dates as different states. It has the following viewing states:

DecadeView

https://i2.wp.com/dl.dropbox.com/u/2600965/Blogposts/2010/04/Decades.png

YearView

http://dl.dropbox.com/u/2600965/Blogposts/2010/04/Years.pn

MonthsView

https://i2.wp.com/dl.dropbox.com/u/2600965/Blogposts/2010/04/Months.png

DaysView

https://i1.wp.com/dl.dropbox.com/u/2600965/Blogposts/2010/04/Days.png

SpecificDayView

https://i2.wp.com/dl.dropbox.com/u/2600965/Blogposts/2010/04/Day.png

It supports friction enabled panning if there is to much horizontal data to view. it uses the lovely Transitionals WPF dll from codeplex, to transition between views. This is quite a complex control and is a good example (at least I think so anyway) of how to use the state pattern to create more workable complex UIs.

I also feel it is quite ease to use and fairly customisable if you do not like my default look and feel.

And here is a link to a proper write up about the code and which also includes the source code and a small demo project :

http://www.codeproject.com/KB/WPF/TimeLineDemoProject.aspx

Enjoy

Advertisements

4 thoughts on “WPF : TimeLine Control

  1. Abhijit Jana says:

    Excelent work Sacha !!!

  2. Just preferred to say that you will have some helpful articles on your website online. You’ve completed a astonishingly superb employment with this one. Thanks!

  3. Sandeep says:

    Nice ! looks v neat ! I liked the idea of zooming in !

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: