Behavior的使用(一):页面跳转NavigateToPageAction

       Behavior的使用,让UI设计师能够更加方便的进行UI设计,更高效地和开发进行合作。Behavior有三种触发方式:EventTriggerBehavior事件触发,DataTriggerBehavior数据变化触发,IncrementalUpdateBehavior增量更新触发(ListView、GridView)。

       系统提供的 Behavior自己并不能完成一个操作或者功能,需要Action协同操作。Behaviors  SDK(Xaml) Version12.0 Targets Windows8.1提

供了5种Action:CallMethodAction调用指定方法,ChangePropertyAction改变属性值,GoToStateAction改变控件状态,

InvokeCommandAction命令处理,NavigateToPageAction页面跳转。

 

        今天先介绍NavigateToPageAction页面跳转,UWP的开发中页面跳转有多种方式,HyperlinkButton页面跳转按钮、CodeBehind、ViewModel

都可以实现,各有优缺点,根据自己的需要进行选择。NavigateToPageAction的优点是通过Behavior进行处理,可以附加到任何控件上,非常方便,

比如有些页面跳转是点击一个TextBlock进行的。

       Demo比较简单,两个页面MainPage、SecondPage,MainPage有个按钮点击跳到SecondPage,SecondPage上有个TextBlock标识页面。

 1 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
 2         <Button Content="Navigation"
 3                 Background="Red"
 4                 Foreground="White"
 5                 HorizontalAlignment="Center"
 6                 VerticalAlignment="Center">
 7             <i:Interaction.Behaviors>
 8                 <core:EventTriggerBehavior EventName="Click">
 9                     <core:NavigateToPageAction TargetPage="NavigationToPageActionDemo.SecondPage"/>
10                 </core:EventTriggerBehavior>
11             </i:Interaction.Behaviors>
12         </Button>
13     </Grid>
View Code
1 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
2         <TextBlock Text="SecondPage"
3                    VerticalAlignment="Center"/>
4     </Grid>
View Code

     关键步骤:引用Behaviors  SDK

   关键代码:

 

posted @ 2017-06-19 16:18  翾燚  阅读(378)  评论(0编辑  收藏  举报