日期:2014-05-17  浏览次数:20753 次

windows8开发系列课程

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

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