這是本系列的第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" />

本文翻譯自