Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries. Thanks for all your past and future contributions.

Creating your first Windows Phone app

From Wiki
Jump to: navigation, search

This tutorial style article explains how to create your first Windows Phone 7.5 app.

SignpostIcon XAML 40.png
SignpostIcon WP7 70px.png
WP Metro Icon Baby.png
Article Metadata
Windows Phone 7.5
Created: vdharankar (28 Dec 2012)
Last edited: hamishwillee (04 Jul 2013)



This tutorial will explain how to create your first Windows Phone app using Expression Blend.

How to...

  • Start with the new project
  • Select ‘Windows Phone Application’
  • Assign some suitable name to the application
  • Click Finish
  • You should land up with the same screen like in the previous tutorial.
  • Set the view percentage to suitable value
  • Delete both the TextBlock controls from page
  • Drag a button from ToolBox to the page


  • Click on the button to reposition it at the bottom center, using Selection Tool
  • Click two times inside the button and change its title to “About”


  • Select button with selection tool
  • See all the events offered by button in properties window
  • Double click on empty click event to add event handler


  • Observe the click event handler function in the class called as MainPage
  • MainPage is derived from PhoneApplicationPage


  • Type following line of code in the click event handler function
MessageBox.Show("MyFirst WP application !");
  • Press F5 to run and test the app developer so far. Result will be as shown below


Above image explains how the application will appear in emulator

  • Click on XAML page to go to design of the page


  • Drag a TextBlock and two Buttons on Page and place them on page
  • User Selection too to reposition them on page


  • Select the TextBlock and set its name property as “txtCount” ( this will be used to change the Properties of TextBlock)
  • Change name of first Button to “btnUp” and second to Button to “btnDown” by selecting the Buttons one by one


  • Click two times (not the double click) on the Button to change title of first Button as “up” and then second Button to “down”
  • Click two times on TextBlock and change the title to “0”


  • Now select Button first “btnUp” and goto “click” event in property window
  • Double click on property window to add click event handler
  • Change the code as follows then press F5 and test the app.


  • Now switch to design view select second Button “btnDown” and goto “click” event in property window
  • Double click on property window to add click event handler
  • Change the code as follows then press F5 and test the app.


This finishes the application which counts up the counter and down.


This tutorial gives handson experience of developing your first application on WP using expression blend.

Version Hint

Windows Phone: [[Category:Windows Phone]]
[[Category:Windows Phone 7.5]]
[[Category:Windows Phone 8]]

Nokia Asha: [[Category:Nokia Asha]]
[[Category:Nokia Asha Platform 1.0]]

Series 40: [[Category:Series 40]]
[[Category:Series 40 1st Edition]] [[Category:Series 40 2nd Edition]]
[[Category:Series 40 3rd Edition (initial release)]] [[Category:Series 40 3rd Edition FP1]] [[Category:Series 40 3rd Edition FP2]]
[[Category:Series 40 5th Edition (initial release)]] [[Category:Series 40 5th Edition FP1]]
[[Category:Series 40 6th Edition (initial release)]] [[Category:Series 40 6th Edition FP1]] [[Category:Series 40 Developer Platform 1.0]] [[Category:Series 40 Developer Platform 1.1]] [[Category:Series 40 Developer Platform 2.0]]

Symbian: [[Category:Symbian]]
[[Category:S60 1st Edition]] [[Category:S60 2nd Edition (initial release)]] [[Category:S60 2nd Edition FP1]] [[Category:S60 2nd Edition FP2]] [[Category:S60 2nd Edition FP3]]
[[Category:S60 3rd Edition (initial release)]] [[Category:S60 3rd Edition FP1]] [[Category:S60 3rd Edition FP2]]
[[Category:S60 5th Edition]]
[[Category:Symbian^3]] [[Category:Symbian Anna]] [[Category:Nokia Belle]]

This page was last modified on 4 July 2013, at 05:26.
59 page views in the last 30 days.