My First Windows Phone 7 Application

This is a walkthrough on creating a sample RSS reader for Windows Phone 7 (WP7), make sure to check my previous post for some useful links on how to start developing for WP7

  • create a new Windows Phone List Application: this project template provides you with a sample application that contains two pages, the main page for displaying a list of items, when you click on one of the list items a nice transition takes you to the second page which displays the list items details

1

  • we will use this sample list application as starting point for creating our RSS reader, we will have 3 pages, the first will have a list of RSS feeds, when we click on each feed we will go to the second page that contains a list of the items available in this feed, and when we click on a particular item we move to the third page which displays the feed item details
  • let’s start by defining our data models, the Windows Phone List Application project template provides you with a sample view model classes in the ViewModels folder, it also provides a sample data in the SampleData/MainViewModelSampleData.xaml file, this data is used by the visual studio and blend designer so that you can see (at design time) how your controls will look like when it’s bound to data.
  • we will create three view model classes in the ViewModels folder:

RssReaderViewModel: represents the main view model, contains a list of Feeds

3

FeedViewModel: represents the feed view model, contains the feed name, feed URL and a list of feed items

4

FeedItemViewModel: represent the feed item details, contains title, description, URL and publishing date

5

  • we will create three xaml files to use as sample data

MainViewModelSampleData.xaml

6

FeedViewModelSampleData.xaml

7

FeedItemViewModelSampleData.xaml

8

  • Now our project structure will look like the following

2

  • the MainPage.xaml is the main page, it contains a ListBox that displays the feeds

9

in the page constructor the DataContext is set to a new instance of the RssReaderViewModel class, and as you can see in the xaml file the ListBox ItemsSource property is bound to the Feeds collection, when you click on an item in the list the selected item is captured and a nice transition begins (provided by default in the Windows Phone List Application project template), once the transition completes the application navigates to FeedViewModelSampleData.xaml and sets the DataContext to the selected item

10

  • the FeedDetailsPage.xaml page has a ListBox that is bound to the Items property of the FeedViewModel class 12

in the constructor the RSS feed is downloaded and the items in the RSS feed is used to populate the Items collection in the FeedViewModel class

13

when we click on the ListBox we capture the selected item and a nice transition animation begins, once completed we navigate to the FeedItemDetailsPage.xaml page and sets the DataContext to the selected item

14

  • the FeedItemDetailsPage.xaml page will display the feed item details (title, description, date published)

11

That’s pretty much everything in the application, You can download the source code from here

Comments

Post a Comment

Popular posts from this blog

Documentum DQL Query Custom Data Extension For SQL Server Reporting Services

When it comes to Reporting SQL Reporting Services is my favorite choice. SQL Reporting Services has a plenty of data source types but unfortunately Documentum is not one of them, whenever we have to develop some reports based on the data in Documentum we first develop a web service that contains the necessary DQL queries and returns the result in a Data Set, then we create an XML data source that consumes this web service and use it in our reports. Fortunately SQL Reporting Services allows you to extend its data access capabilities by developing a custom data extension (CDE)that retrieves data from your custom data source. I developed a Custom Data Extension for Documentum that allows you to specify a Documentum Repository as a data source and provide your DQL query that will populate your report, I used the Reporting Services SDK Sample (FsiDataExtension) and this Article as starting points You can download the extension from here To install the extension: you have to install the ex
Read more

Portable Class Library Projects and MVVM Light

Image
With Portable Class Library Projects you can create a single library that can target different platforms (e.g. Windows Phone, .Net, Windows Store Apps). For most of the modern apps it’s kind of mandatory to use the MVVM pattern, a famous MVVM library is Laurent Bugnion MVVM Light library. In this post we will walk through the steps needed to create a Portable Class Library that uses the MVVM Light library and targets the Windows Phone 8 and .Net for Windows Store Apps frameworks. I will be using Visual Studio 2012 with Update 3. - Let’s create a new Portable Class Library project and name it MyApp.Core, the solution name will be MyApp - We will target the Windows Phone 8 and .Net for Windows Store Apps - We will create two applications, the first is a Windows Store Blank Application named MyApp.Win8 and the second is a Windows Phone 8 named MyApp.WP8 - We will add a reference to the Portable Class Library Project MyApp.Core to the Windows Store Project and the
Read more

Using taco to create Ionic projects for the Windows platform

Image
Recently Microsoft released Tools for Apache Cordova Command Line Interface (TACO CLI), by using TACO, you can quickly start building awesome Apache Cordova apps really and leave all the plumbing of the different platforms dependencies, plugins, etc. to the tools to take care of. For example the following few commands create a cordova project based on the ionic base template, add the android platform to the project, install the platform requirements, build the app, and run it in the emulator: $ taco create sampleApp --template https://github.com/driftyco/ionic-app-base $ cd sampleApp $ taco platform add android $ taco install-reqs android $ taco build android $ taco emulate android Check the TACO home page of for installation instructions and more information http://taco.tools/ . I ran into a problem when i created a new project based on the ionic base template and tried to run it on a windows 8.1 emulator, to reproduce the issue use the following taco commands to cr
Read more