Contents<\/p>
- 1<\/span> Step-1: Download and Install Windows Phone SDK<\/a><\/li>
- 2<\/span> Step-2:\u00a0Unlock your phone\u00a0(Optional)<\/a><\/li>
- 3<\/span> Step-3: Creating Hello World Windows Phone App<\/a><\/li>
- 4<\/span> Step-4: Verifying Project Files<\/a><\/li>
- 5<\/span> Step-5: Add some controls on the MainPage<\/a><\/li>
- 6<\/span> Step-6: Write Some Code<\/a><\/li>
- 7<\/span> Step-7: Do some action – Hit F5 To Deploy and Test your app<\/a><\/li><\/ul><\/div>\n
Step-1: Download and Install Windows Phone SDK<\/span><\/h2>\n
You can get entire windows phone SDK from the following URL
\nhttp:\/\/www.microsoft.com\/en-us\/download\/details.aspx?displaylang=en&id=27570<\/a><\/p>\nFor Visual Basic.net Support Download and extra install following file from below URL
\nhttp:\/\/www.microsoft.com\/en-us\/download\/details.aspx?displaylang=en&id=9930<\/a><\/p>\nStep-2:\u00a0Unlock your phone\u00a0(Optional)<\/span><\/h2>\n
This step can be\u00a0skipped unless you are planning to test apps on real device rather than inbuilt emulator.\u00a0By default windows phone device is locked so you can only install\u00a0programs which are available in Market Place.<\/p>\n
If you are really want to test App and serious about testing and publishing Apps on Market place then … it will only cost you $99 to get started with one Developer Account… It will allow you to Unlock and Test upto 3<\/span> Windows Phone Devices. This is yearly subscription so I guess you will have to renew each year.<\/p>\n
To purachse \u00a0your subscription simply goto http:\/\/create.msdn.com<\/a> and login using Windows Live account and pay for subscription. Once you are done with payment you can perform Phone Unlock Process explained in the below URL<\/p>\n
http:\/\/msdn.microsoft.com\/en-us\/library\/ff769508(v=VS.92).aspx<\/a><\/p>\n
Step-3: Creating Hello World Windows Phone App<\/span><\/h2>\n
Now launch \u00a0Visual Studio 2010 Express for Windows Phone.
\nClick Files -> New Projects -> Visual Basic Projects -> Windows Phone Application
\nIf you dont see Visaul Basic Templates for Windows Phone try under\u00a0\u00a0C# Projects -> Windows Phone Application<\/p>\n![\"\"](\"http:\/\/binaryworld.net\/blogs\/wp-content\/uploads\/2012\/07\/windows-phone-new-project.jpg\" "\\"windows-phone-new-project\\"")
<\/a><\/p>\nStep-4: Verifying Project Files<\/span><\/h2>\n
After creating new Windwows Phone Project you will see 3 Image files and 2 XAML files. XAML is a special Markup language like HTML but it has code behind file attached where you can write VB or C# code.<\/p>\n
![\"\"](\"http:\/\/binaryworld.net\/blogs\/wp-content\/uploads\/2012\/07\/windows-phone-designer.jpg\" "\\"windows-phone-designer\\"")
<\/a><\/p>\nApp.xaml :<\/strong> This file contains Application Level Settings
\nMainPage.xaml :<\/strong> This file contains Main frame defination (Main frame\u00a0 acts like your very first Form in the WinForm application). In windows phone\u00a0there is no concept of Forms but its called Pages like web pages which you can navigate back and forth or launch any specific page. If you add new Item in the windows phone project you will see what I am talking about (See below: Different types of pages you can add to your wp app)<\/p>\n![\"\"](\"http:\/\/binaryworld.net\/blogs\/wp-content\/uploads\/2012\/07\/windows-phone-page-types.jpg\" "\\"windows-phone-page-types\\"")
<\/a><\/p>\nStep-5: Add some controls on the MainPage<\/span><\/h2>\n
Double click on MainPage.xaml node in Solution Explorer Treeview and drag\u00a0button and textbox control on MainPage designer from ToolBox. You will see your XAML file updated as you make some changes in designer.\u00a0(See above Image)<\/p>\n
Step-6: Write Some Code<\/span><\/h2>\n
Now write some code to interact with controls as below.<\/p>\n
To write code expand MainPage.xaml and double click on MainPage.xaml.vb (or *.cs) file or you can right click on\u00a0\u00a0MainPage.xaml and click “View Code” option<\/p>\n
Partial Public Class MainPage\r\n Inherits PhoneApplicationPage\r\n\r\n ' Constructor\r\n Public Sub New()\r\n InitializeComponent()\r\n End Sub\r\n\r\n Private Sub Button1_Click(sender As System.Object, e As System.Windows.RoutedEventArgs) Handles Button1.Click\r\n MessageBox.Show("Hello..." & TextBox1.Text)\r\n End Sub\r\nEnd Class<\/pre>\nStep-7: Do some action – Hit F5 To Deploy and Test your app<\/span><\/h2>\n
Now we are ready to test our app in Emulator. Before we do that lets make sure our project target is set to “Windows Phone Emulator” as below<\/p>\n
![\"windows-phone-project-target\"](\"http:\/\/binaryworld.net\/blogs\/wp-content\/uploads\/2012\/07\/windows-phone-project-target.jpg\" "\\"windows-phone-project-target\\"")
<\/a><\/p>\nNow hit F5 or Click on Green Play button to Compile and Deploy Project<\/p>\n
This process may take few seconds or minutes\u00a0to load\/restart Phone Emulator … Deploy App … Launch app in Emulator<\/p>\n
Once our app is loaded in Emulator it may look like below. (If app doesnt load automatically in emulator then Just go to app list and click it manually on the emulator screen)<\/p>\n
![\"\"](\"http:\/\/binaryworld.net\/blogs\/wp-content\/uploads\/2012\/07\/wp-phone-app-1.jpg\" "\\"wp-phone-app-1\\"")
<\/a><\/p>\nNow lets click on Button… and see some action<\/p>\n
- 2<\/span> Step-2:\u00a0Unlock your phone\u00a0(Optional)<\/a><\/li>
![\"\"](\"http:\/\/binaryworld.net\/blogs\/wp-content\/uploads\/2012\/07\/wp-phone-app-2.jpg\" "\\"wp-phone-app-2\\"")
<\/a><\/p>\n