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

时间:2023-03-09 17:04:34
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标识页面。

 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Button Content="Navigation"
Background="Red"
Foreground="White"
HorizontalAlignment="Center"
VerticalAlignment="Center">
<i:Interaction.Behaviors>
<core:EventTriggerBehavior EventName="Click">
<core:NavigateToPageAction TargetPage="NavigationToPageActionDemo.SecondPage"/>
</core:EventTriggerBehavior>
</i:Interaction.Behaviors>
</Button>
</Grid>
 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<TextBlock Text="SecondPage"
VerticalAlignment="Center"/>
</Grid>

关键步骤:引用Behaviors  SDK

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

关键代码:Behavior的使用(一):页面跳转NavigateToPageAction