1 <StackPanel x:Name="TopRight" Background="#70a524" Grid.Column="1" 
2 Grid.Row="0">
3          <!--文本框-->
4    <TextBlock x:Name="TopRightText"
5       Style="{StaticResource DetailViewLabelStyle}"
6       Text="Top-Right"/>
7       <!--按钮-->
8   <Button Click="HandleButtonClick">Unsnap</Button>
9 </StackPanel>

 1 using Windows.UI.ViewManagement;
 2 using Windows.UI.Xaml;
 3 using Windows.UI.Xaml.Controls;
 4 namespace MetroGrocer.Pages {
 5  public sealed partial class DetailPage : Page {
 6    public DetailPage() {
 7      this.InitializeComponent();
 8      ApplicationView.GetForCurrentView().ViewStateChanged
 9        += (sender, args) => {
10            string stateName = args.ViewState ==
11              ApplicationViewState.Snapped ? "Snapped" : "Others";
12            VisualStateManager.GoToState(this, stateName, false);
13        };
14    private void HandleButtonClick(object sender, RoutedEventArgs e) {
15 Windows.UI.ViewManagement.ApplicationView.TryUnsnap();
16   }
17