半岛权威十大直营(官方)网站

这是本系列的第1部分。在进行开发的过程之前，我将解释Windows Phone的基础知识。第1部分涵盖了以下三个开发的基本主题：

• Windows Phone SDK的安装
• Windows Phone用户界面(UI)
• 基本控件的认识

1. Windows Phone SDK的安装

首先从该下载并安装用于Windows Phone 7系列的全部开发工具。在安装完先前的SDK 7.1之后，访问该对版本进行升级。

Windows Phone SDK包含以下内容：

• Microsoft Visual Studio 2010 Express for Windows Phonee
• Windows Phone Emulator
• Windows Phone SDK 7.1 Assemblies
• Silverlight 4 SDK
• Windows Phone SDK 7.1 Extensions for XNA Game Studio 4.0
• Microsoft Expression Blend SDK for Windows Phone 7
• Microsoft Expression Blend SDK for Windows Phone OS 7.1
• WCF Data Services Client for Window Phone
• Microsoft Advertising SDK for Windows Phone

2. Windows Phone用户界面(UI)

首先从File菜单选择New project，然后选择Window Phone Application并输入应用程序名称，选择存储位置。

来看Windows Phone默认的UI面板元素Grid和Stack Panel。

1. StackPanel
   Stack Panel包含了应用程序和页面的名称。

   <StackPanel x:Name="TitlePanel" Grid.Row="0"   
      <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource  PhoneTextNormalStyle}"/>  
      <TextBlock x:Name="PageTitle" Text="page name Style="{StaticResource PhoneTextTitle1Style}"/>  
   </StackPanel>

2. Grid
   Grid面板包含了所有其它控件，如stackpanel、TextBox、TextBlock、Button、HyperLinkButton、Image等等。

   <Grid x:Name="ContentPanel" Grid.Row="1"  Margin="12,0,12,0">  
      <Button x:Name="Button" Content="Button" Height="95" ></Button>  
      <TextBlock x:Name="TextBlock" Text="This is TextBlock" Height="95" ></TextBlock>  
      <Image x:Name="Image" Height="100" Margin="6,378,-6,129"   
           Source="/PhoneApp1;component/Images/Chrysanthemum.jpg"></Image>  
   </Grid>  

3. 基本控件的认识

Windows Phone 7提供了包含Button、TextBox、TextBlock、Image和HyperLink在内的各种控件。

1. Button：Button控件负责触发器的响应。

   <Button x:Name="Button" Content="Button" Height="95" ></Button>  

2. TextBlock：TextBlock控件显示文本格式下的文本块。

   <TextBlock x:Name="TextBlock" Text="This is TextBlock" Height="95" ></TextBlock> 

3. TextBox：TextBox控件用于管理文本框中所输入文本。

   <TextBox x:Name="MyTextBox" Text="Hai" Height="95" Margin="0,98,0,0" VerticalAlignment="Top"></TextBox>

4. Image：Image控件可以对显示的图像进行图像控制。

   <Image x:Name="Image" Height="100" Margin="12,320,-12,187" Source="/PhoneApp1;component/Images/Chrysanthemum.jpg"></Image> 

5. HyperLinkButton：HyperLinkButton控件用于页面切换的导航。

   <HyperlinkButton Content="HyperlinkButton" Height="44" HorizontalAlignment="Left" Margin="12,450,0,0" Name="hyperlinkButton1" VerticalAlignment="Top" Width="258" />

本文翻译自