Creating your first Windows Phone app
This article explains how to ...
Article Metadata
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.
Summary
This tutorial gives handson experience of developing your first application on WP using expression blend.
