日期:2014-05-17 浏览次数:20800 次
这节,我们讨论两个主题 ①打破视图 ②使用瓦片和徽章来更好的用户体验
如果你把断裂视图呈现给用户,你可以恢复到一个更广泛的布局时,与用户交互的应用在某些方面。为了证明这个道理, 我添加一个按钮到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