手把手玩转win8开发系列课程（28）-优快云博客

本文探讨了两种提高用户体验的方法：一是通过改变视图布局实现更灵活的交互体验，包括使用按钮触发视图变化的具体实现；二是利用瓦片和徽章吸引用户注意力并提供有用信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这节，我们讨论两个主题 ①打破视图 ②使用瓦片和徽章来更好的用户体验

如果你把断裂视图呈现给用户，你可以恢复到一个更广泛的布局时，与用户交互的应用在某些方面。为了证明这个道理，我添加一个按钮到viewPage页面上。下列的源代码所示：

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>

使用了unsnap方法，处理这个click事件，源代码如下：

 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  }
18 }