WPF Hands-on-Lab: Build an Outlook 2007 UI Clone


outlookclone I got wind today of a great hands-on lab that demonstrates the steps needed to create a high-quality user interface for business applications using WPF and Expression Blend. Two engineers from Microsoft Switzerland, Ronnie Saurenmann and Ruihua Jin, have put together this 90-page lab that starts at File / New Project and ends with a facsimile of the Outlook 2007 user interface. Along the way they demonstrate the use of data binding, templates, styles, and triggers; show how you can customize the ListView control to create a message listing; show how template binding works, and show how you can use code to customize and sort the list view.


There’s lots to learn here – if you’re wondering if WPF is just about data visualization or consumer-orientated graphical applications, this will help persuade you that it’s also a great platform for building more traditional business software.


Download the lab manual and source project here.

Comments (26)

  1. Anonymous says:

    I have been looking for a good project to start learning WPF with – this will do very nicely.  Thank you for blogging this and bringing it to our attention.

  2. Tom Kirby-Green says:

    Awesome Tim, I’ve been looking for some more "line of business" style WPF samples.

  3. Anonymous says:

    How about a Tutorial To create a Ribbon interface 😀

  4. Anonymous says:

    What we want… thanks a lot guys!

  5. Anonymous says:

    WPF Hands-on-Lab: Build an Outlook 2007 UI Clone

  6. Anonymous says:

    Silverlight Cream for June 13, 2007

  7. Anonymous says:

    Let me start by saying that I’m a big fan of WPF and I have been working intensely with it for the past half year. Also, I really appreciate the effort that went into the preparation of this lab and it is really a great learning resource.

    However, this example clearly demonstrates why WPF is not yet ready for the bread-and-butter business applications. Look on the UI text on the left side, and compare it with the HTML text on the right side. WPF text at small font sizes is too fuzzy and causes great strain on the eye. The same goes for the small 16×16 bitmap icons. I’m aware of all the technical reasons for this phenomenon (resolution indepence, anti-aliasing, etc.), I’ve done all the known tweaking (setting the LCD at its natural resolution, adjusting the WPF anti-aliasing registry entries, etc.), and I’ve also been following all blogs and forums discussions about this topic. But nothing really helps.

    Another significant problem is rendering performance. I’ve manually increased the number of items in the "inbox.xml" to several hundreds, and the performance of the Inbox listbox scrolling is noticeably degraded.

    This is a pity, since WPF is probably the greatest achievement in the world of GUI frameworks to date. However, unless these problems are resolved in the next version of WPF, it will be very difficult to convince our business users to use this technology.

  8. Anonymous says:

    One of the questions I get asked most when talking about Windows Presentation Foundation is around whether

  9. Anonymous says:

    Da wird mir ganz warm ums Herz und mir schießen die 5000 Ideen für eine Desktopanwendung in den Kopf, die ich schon immer mal umsetzen wollte. "Two engineers from Microsoft Switzerland, Ronnie Saurenmann and Ruihua Jin, have put together this 90-pag ..

  10. Anonymous says:

    I am not able to download the pdf. Adobe is crashing.

  11. Anonymous says:

    [… Next, Tim Sneath posted today about this Hands On Lab that  will guide you thru how to create an Outlook-look-alike application based on WPF…] Pingback from http://samiqbits.blogspot.com

  12. Anonymous says:

    Two engineers from Microsoft Switzerland, Ronnie Saurenmann and Ruihua Jin, have put together this 90-page

  13. Anonymous says:

    Hi Tim,

    On a related topic any idea where I can get the lab files for the mix labs i.e Silverlight, Blend etc. During the event the labs were made available without the project files. Tried to track them down at the time without any luck.

    Regards

  14. Anonymous says:

    Some of the WPF sample applications you have seen probably don’t resemble the type applications you plan

  15. Anonymous says:

    This week we are running Windows Server 2008 training with some of our early adopters in the UK. I promised

  16. Anonymous says:

    Online demo (XBAP), lab manual , and complete source project for building an Outlook 2007 UI Clone with

  17. Anonymous says:

    Hi Tim,

    I want to use xbap in HTML or JSP,but i don’t know how to communicate between them,would you please tell me that

    thank you

  18. Anonymous says:

    Fala pessoal! Atendendo a diversos pedidos por mais material de WPF, vou postar hoje duas dicas rápidas…

  19. Anonymous says:

    Evolution of the OK Button

  20. Anonymous says:

    I used the xbap link someone provided to give this a try. I noticed that the text is extremely blurry, it is giving me a headache. What is causing this?

  21. Anonymous says:

    I have been 'meddling' a little with WPF at long last, and am in all likelihood going to Echo

  22. Anonymous says:

    Mein schweizer Kollege Ronnie Saurenmann hat ein Tutorial veröffentlicht, wie Sie Schritt-für-Schritt

  23. Anonymous says:

    Tim is OOF and his automated response forwards WPF requests to me..   want to know the most

  24. Anonymous says:

    WPF Hands-on-Lab: Build an Outlook 2007 UI Clone