Windows Phone 7 AppTo Show "Hello World" on Screen

Overview

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

  • It is supported by operating systems like Windows 7 and Windows Vista with Service Pack 2
  • It requires free disk space for installation on the system drive
  • It requires a minimum of 3GB of RAM on the system

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:

  • It is available in Windows Phone Emulator.
  • It is available in Windows Phone SDK 7.1 Assemblies
  • It is available in Sliverlight 4 SDK and DRT.
  • It is available in WCF Data Services Client for Windows Phone and so and so.

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">  
  15.   
  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>  
  22.   
  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>  
  28.   
  29.         <!--ContentPanel - place additional content here-->  
  30.         <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"></Grid>  
  31.     </Grid>  
  32.    
  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>-->  
  44.   
  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.