Over a million developers have joined DZone.

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

Learn how to Deliver Better Mobile Apps Faster with Continuous Quality by managing the complexities of testing multiple devices and scenarios with this whitepaper from Perfecto Mobile.

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.

Do you know Why Apps Succeed? Perfecto Mobile analyzed over 1,000 responses to their Digial Quality Strategies survey and aim to answer the question, "Why do apps succeed?" in this exclusive report.

Topics:

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

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

{{ parent.tldr }}

{{ parent.urlSource.name }}