SAP UI5 应用开发教程之七十二 - SAP UI5 页面路由的动画效果设置

在本教程前续步骤的 manifest.json 文件中,我们在 routing 区域进行页面的路由设置,能看到名为 transition 的属性。实际上,正是该属性能够控制 SAP UI5 不同页面之间跳转时采用的动画效果,默认值为 slide,即路由 target 界面采取从右到左的滑动效果,来替换发起路由的原始页面。

除了 slide 之外,SAP UI5 还支持 showflipfade 等路由动画特效。本文将通过实际例子一一讲解。

这些可选的路由特效效果值,在文件 sap/m/NavContainer.js 里逐一定义。

本步骤的源代码地址如下

下载代码到本地后,进入文件夹 72,运行命令行 ui5 serve 之后,访问如下 url,进入 id 为 1 的 employee 明细页面:

http://localhost:8080/webapp/index.html#/employees/1

此时发现多了一个超链接:

猜你喜欢

转载自blog.csdn.net/i042416/article/details/124361471