Learn6：Canvas Apps 屏幕跳转

因为大多数应用程序都有多个屏幕，接下来将学习如何在应用程序中实现屏幕跳转。

下面这个公式是用于屏幕跳的：

跳转的方式包括下面这几种：
1. ScreenTransition.Cover ：覆盖当前屏幕。
2. ScreenTransition. Fade：淡出-旧屏幕以显示新屏幕。
3. ScreenTransition. None：无-旧屏幕很快被新屏幕取代。
4. ScreenTransition. UnCover ：不覆盖-旧屏幕滑出视野，显示新屏幕
5.Back(）返回上一屏
 

下面的例子我们使用这个公式来演示跳转功能。

1. 创建3个屏幕

2. Screen1增加一个Next 按钮，OnSelect属性的公式设置为：Navigate(Screen2,ScreenTransition.Fade)

3.Screen2增加一个Next和Back 按钮，Next的OnSelect属性的公式设置为：Navigate(Screen3,ScreenTransition.Cover)

Back的OnSelect公式定义为back()

4. Screen3增加一个Back 按钮，Back的OnSelect公式定义为back()

接下来我们可以选中Screen1，按F5播放App点击按钮进行跳转。

其他控件实现跳转

1. 用Dropdown控件实现跳转

增加一个Dropdown控件，设置iteam为:[" ", "Active","Inactive"]

设置OnChange公式为: If(Dropdown1.Selected.Value ="Active",Navigate(Screen2,ScreenTransition.Cover),
If(Dropdown1.Selected.Value = "Inactive",Navigate(Screen3,ScreenTransition.Fade)))

这样当点击active的时候，会跳转到Screen2

当点击Inactive的时候，会跳转到Screen3

 2. 用Timer 控件实现跳转

新增一个Timer的控件，设置duration为10000，设置OnChange的公式为：

If(Dropdown1.Selected.Value = " ",Navigate(Screen2,ScreenTransition.None))

选中刚才的dropdown控件，修改OnChange公式：

If(Dropdown1.Selected.Value = "Active",Set(varStatus,1),If(Dropdown1.Selected.Value = "Inactive",Set(varStatus,2),Set(varStatus,0)))

 新增一个Button，设置Onselect 公式为：

If(varStatus = 1,Navigate(Screen2,ScreenTransition.Cover), If(varStatus = 2,Navigate(Screen3,ScreenTransition.Fade)))

最终实现的效果是，当时间超过10s时，自动跳转到第二屏幕。当选择下拉值 inactive，点击buttuon，跳转到第三屏幕。当选择下拉值 active，点击buttuon，跳转到第二屏幕。