SAPUI5:如何实现翻转动画页面导航?

时间:2014-01-09 11:44:04

标签: sapui5

我想实现类似的页面导航方式,如下面的链接(sap.m演示应用程序)所示。就像那样,当我单击一个标题按钮时,我希望在此示例中显示另一个类似代码的页面,如果我单击它返回它返回到保持相同状态的同一页面。

https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/explored/index.html#/sample/tableViewSettingsDialog

1 个答案:

答案 0 :(得分:3)

在UI5移动中翻转

使用常规的sap.m.NavigationContainer,您可以提供“翻转”作为sTransitionName,您将获得所需的转换: https://openui5.hana.ondemand.com/#docs/api/symbols/sap.m.NavContainer.html#to

与路线组合翻转

不确定如何与路线结合使用。 NavContainer和转换概念是UI5 Mobile特有的。

无论如何,在使用路线时,应该很容易使用CSS实现翻转动画:http://davidwalsh.name/css-flip