Overview

The Windows Phone 7 SDK prerequisites are as in the following:

The Windows Phone Emulator requires a DirectX 10 or above.

It is compatible with versions of Visual Studio 2010 with Service Pack 1.

The Windows Phone SDK includes the following:

Note: SDK is nothing, it is a Software Development Kit.

We will now create a new project for Windows Phone using Visual Studio 2010 as in the following procedure:

  • Open Visual Studio 2010 and select "File" -> "New" -> "Project..."
  • Then, the New Project Window will appear as in the following:

  • Then Select Sliverlight for Windows Phone -> Windows Phone Application
  • Then enter the Name and Location and click the OK Button
  • Then, the New Windows Phone Application window will appear
  • Select the target Windows Phone OS Version like Windows Phone OS 7.1 in the dropdown box. Then, click the OK Button
  • Then, the HelloWorldApps project has been successfully created.

Now, I have changed the page title to Hello World in the HelloWorldApps project.

XAML Code

  1. <phone:PhoneApplicationPage
  2. x:Class="HelloWorldApps.MainPage"
  3. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  4. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  5. xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
  6. xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
  7. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  8. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  9. mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
  10. FontFamily="{StaticResource PhoneFontFamilyNormal}"
  11. FontSize="{StaticResource PhoneFontSizeNormal}"
  12. Foreground="{StaticResource PhoneForegroundBrush}"
  13. SupportedOrientations="Portrait" Orientation="Portrait"
  14. shell:SystemTray.IsVisible="True">
  16. <!--LayoutRoot is the root grid where all page content is placed-->
  17. <Grid x:Name="LayoutRoot" Background="Transparent">
  18. <Grid.RowDefinitions>
  19. <RowDefinition Height="Auto"/>
  20. <RowDefinition Height="*"/>
  21. </Grid.RowDefinitions>
  23. <!--TitlePanel contains the name of the application and page title-->
  24. <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
  25. <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
  26. <TextBlock x:Name="PageTitle" Text="Hello World" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
  27. </StackPanel>
  29. <!--ContentPanel - place additional content here-->
  30. <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"></Grid>
  31. </Grid>
  33. <!--Sample code showing usage of ApplicationBar-->
  34. <!--<phone:PhoneApplicationPage.ApplicationBar>
  35. <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
  36. <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
  37. <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
  38. <shell:ApplicationBar.MenuItems>
  39. <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
  40. <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
  41. </shell:ApplicationBar.MenuItems>
  42. </shell:ApplicationBar>
  43. </phone:PhoneApplicationPage.ApplicationBar>-->
  45. </phone:PhoneApplicationPage> 
Once the program was successfully executed and deployed on the Windows Phone emulator then the output is as in the following:

Conclusion
I hope this article will help you to understand how to create a sample program for Windows Phone 7 using Visual Studio 2010.