Skip to main content

An RSS Reader For All Screens - Sharing your View Model and Code between Windows Phone 7, Silverlight, WPF, Surface

Microsoft’s unified client application development stack is so awesome. If you are equipped with the knowledge of developing Client applications leveraging XAML and MVVM, you should be able to build applications for multiple devices, including Windows Phone 7, Silverlight, WPF and Microsoft Surface. And to a great extent, you can re-use code across these, if you wish to.

A Quick Introduction

In short, we will see how we are re-using most portions of the source code (including the View Model) across WP7, Silverlight, WPF and Surface, to build a simple RSS Reader. During my Virtual tech days demo, I gave a session on building an Rss reader by sharing the code across WP7, Silverlight, WPF and Surface. The screen cast is now available for download, and you may watch it here. The video also explains the basics of XAML, MVVM etc.

image

 

What we are building?

To begin with, I’m using Microsoft Visual Studio 2010, with Silverlight developer tools, Windows Phone 7 tools and Microsoft Surface SDK for touch devices installed. We’ll be building an RSS reader, for all the above devices, and these are the screen shots of the final applications.

In Surface Simulator:

image

In Browser (Silverlight):

image

In Desktop (WPF):

image

In Windows Phone 7:

image

 

As you may see in the above demo, almost 80% of the code is shared via multi targeting. The classes we share include

  • RssReaderViewModel – Which is our actual view model.
  • RssEntry – The model element that actually holds a element.
  • RssReader – Contains methods for fetching the RSS feed from a remote server.
  • AsyncDelegateCommand – My own asynchronous version of delegate command.

In all the projects, you may see a ‘Shared’ folder, that has the links to the shared files in the RssReader.Common project.  The views are different per device, but the view model, the feed fetching logic etc remain the same. See the Solution Explorer.

image

The Source Code

Explore the source code here in Codeplex. It is a quick demo I’ve put together, so you should add stuff like proxy support for the web client if you are going to test this behind a proxy.

Popular posts from this blog

Top 7 Coding Standards & Guideline Documents For C#/.NET Developers

Some time back, I collated a list of 7 Must Read, Free EBooks for .NET Developers, and a lot of people found it useful. So, I thought about putting together a list of Coding Standard guidelines/checklists for .NET /C# developers as well.As you may already know, it is easy to come up with a document - the key is in implementing these standards in your organization, through methods like internal trainings, Peer Reviews, Check in policies, Automated code review tools etc. You can have a look at FxCop and/or StyleCop for automating the review process to some extent, and can customize the rules based on your requirements.Anyway, here is a list of some good Coding Standard Documents. They are useful not just from a review perspective - going through these documents can definitely help you and me to iron out few hidden glitches we might have in the programming portion of our brain. So, here we go, the listing is not in any specific order.1 – IDesign C# Coding StandardsIDesign C# coding stand…

Creating a quick Todo listing app on Windows using IIS7, Node.js and Mongodb

As I mentioned in my last post, more and more organizations are leaning towards Web Oriented Architecture (WOA) which are highly scalable. If you were exploring cool, scalable options to build highly performing web applications, you know what Node.js is for.After following the recent post from Scott Hanselman, I was up and running quickly with Node.js. In this post, I’ll explain step by step how I’ve setup Node.js and Mongodb to create a simple Todo listing application.Setting up Node.jsThis is what I’ve done.1 – Goto http://nodejs.org/, scroll down and download node.exe for Windows, and place it in your c:\node folder2 – Goto IIS Node project in Git at https://github.com/tjanczuk/iisnode, download the correct ‘retail’ link of IIS Node zip file (I downloaded the already built retail package, otherwise you can download and build from the source).3 – Extract the zip file some where, and run the install.bat or install_iisexpress.bat depending on your IIS Version. If you don’t have IIS in…

5 Awesome Learning Resources For Programmers (To help you and your kids to grow the geek neurons)

Happy New Year, this is my first post in 2012. I’ll be sharing few awesome learning resources I’ve bookmarked, and will be pointing out some specific computer/programming related courses I've found interesting from these resources.Also, thought about saving this blog post for my kids as well - instead of investing in these Child education schemes (though they are too small as of today, 2 years and 60 days respectively ). Anyway, personally my new year resolution is to see as much videos from this course collections (assuming I can find some free time in between my regular job && changing my babies diapers).1 – Khan AcademyAs I mentioned some time back, you and your kids are missing some thing huge if you havn’t heard about Khan Academy.  It is an awesome learning resource, especially if you want to re-visit your basics in Math, Science etc.With a library of over 2,600 videos covering everything from arithmetic to physics, finance, and history and 268 practice exercises, th…