Creating your first Windows Phone Applications

Creating your first Windows Phone app

Introduction

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.