手把手玩转win8开发系列课程（27）

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

如果你把断裂视图呈现给用户，你可以恢复到一个更广泛的布局时，与用户交互的应用在某些方面。为了证明这个道理，  我添加一个按钮到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 }

这个TryUnsnap方法将改变布局，这个app有一个内容，你可以在background 活动界面上自动改变布局控件。

温馨提示， 我获取许多无固定结果在win8 view中解开这种模式的一个应用。 有时， 这个app显示为填满的模式，有时显示为全屏的模式。

②使用瓦片和徽章来获取更好的用户体验

一个瓦片就是开始菜单下你程序的入口。他是很简单的，这个瓦片就是开始界面上的一张图片，用以启动你的程序的。你可以使用这个瓦片模式来引起用户的注意，并且是他们进入该程序

在接下来的篇幅中，我将通过这个例子中tile 来展示如何呈现信息；饿。 这有两种可能的方式来动态创建瓦片。当你动态创建瓦片的时候，有两种选择方式。你要么就鼓励用户运行程序，要么就阻止他 来运行这个程序。请注意了，你的瓦片更是一种广告效应。这些瓦片也能够给予这个有效的信息了，比如新闻等等。

哝-今天课程完毕。