Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Windows Phone 7 App to Show "Hello World" on Screen

DZone's Guide to

Windows Phone 7 App to Show "Hello World" on Screen

· Mobile Zone ·
Free Resource

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

<phone:PhoneApplicationPage   
    x:Class="HelloWorldApps.MainPage"  
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"  
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"  
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"  
    FontFamily="{StaticResource PhoneFontFamilyNormal}"  
    FontSize="{StaticResource PhoneFontSizeNormal}"  
    Foreground="{StaticResource PhoneForegroundBrush}"  
    SupportedOrientations="Portrait" Orientation="Portrait"  
    shell:SystemTray.IsVisible="True">  
  
    <!--LayoutRoot is the root grid where all page content is placed-->  
    <Grid x:Name="LayoutRoot" Background="Transparent">  
        <Grid.RowDefinitions>  
            <RowDefinition Height="Auto"/>  
            <RowDefinition Height="*"/>  
        </Grid.RowDefinitions>  
  
        <!--TitlePanel contains the name of the application and page title-->  
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">  
            <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>  
            <TextBlock x:Name="PageTitle" Text="Hello World" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>  
        </StackPanel>  
  
        <!--ContentPanel - place additional content here-->  
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"></Grid>  
    </Grid>  
   
    <!--Sample code showing usage of ApplicationBar-->  
    <!--<phone:PhoneApplicationPage.ApplicationBar>  
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">  
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>  
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>  
            <shell:ApplicationBar.MenuItems>  
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>  
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>  
            </shell:ApplicationBar.MenuItems>  
        </shell:ApplicationBar>  
    </phone:PhoneApplicationPage.ApplicationBar>-->  
  
</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.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}