Windows phone 7也采用mvc设计模式。
设置界面，在Mainpage.xaml文件中，可以通过toolbox拖拽控件到视图上，控件可以嵌套使用，这里通过代码方式编写，在Mainpage.xaml文件中写入代码：
<phone:PhoneApplicationPage
x:Class="VolkovHQ.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="标题" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock x:Name="PageTitle" Text="agent aware" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>
<!--ContentPanel – 9行3列-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Grid.RowDefinitions>
<RowDefinition Height="70" />
<RowDefinition Height="70" />
<RowDefinition Height="70" />
<RowDefinition Height="70" />
<RowDefinition Height="70" />
<RowDefinition Height="40" />
<RowDefinition Height="100" />
<RowDefinition Height="70" />
<RowDefinition Height="70" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="170" />
<ColumnDefinition Width="10" />
<ColumnDefinition Width="250*" />
</Grid.ColumnDefinitions>
<!—第一行，第一列-->
<TextBlock Name="textBlock1"
Text="Agent Code Name:"
Grid.Row="0"
Grid.Column="0"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
/>
<!—第二行，第一列-->
<TextBlock Name="textBlock2"
Text="Is Undercover?"
Grid.Row="1"
Grid.Column="0"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
/>
<TextBlock Name="textBlock3"
Text="Agency"
Grid.Row="2"
Grid.Column="0"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
/>
<TextBlock Name="textBlock4"
Text="Proficiencies"
Grid.Row="5"
Grid.Column="0"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
/>
<TextBox Name="agentTextbox"
Grid.Row="0"
Grid.Column="2"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
/>
<CheckBox Name="undercoverCheckBox"
Grid.Row="1"
Grid.Column="2"
Content=""
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
/>
<RadioButton Name="ciaRadioButton"
Grid.Row="2"
Grid.Column="2"
Content="CIA"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
GroupName="agencyGroup"
/>
<RadioButton Name="mi6RadioButton"
Grid.Row="3"
Grid.Column="2"
Content="MI6"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
GroupName="agencyGroup"
/>
<RadioButton Name="nsaRadioButton"
Grid.Row="4"
Grid.Column="2"
Content="NSA"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
GroupName="agencyGroup"
/>
<ListBox Name="proficienciesListBox"
Grid.Row="6"
Grid.Column="0"
Grid.ColumnSpan="3"
>
<ListBoxItem Content="Aviation" />
<ListBoxItem Content="Disguise" />
<ListBoxItem Content="Languages" />
<ListBoxItem Content="Martial Arts" />
<ListBoxItem Content="Tech" />
<ListBoxItem Content="Weapons" />
</ListBox>
<Button Name="okButton"
Grid.Row="7"
Grid.Column="2"
Content="OK"
Click="okButton_Click"
/>
</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>
l
显示效果如图，代码在MainPage.xaml.cs文件中编写，自己可添加Button的响应函数
private void okButton_Click(object sender, RoutedEventArgs e)
{
// doSomething;
}