使用 OnsenUI 1.10,有没有办法向左滑动转到上一页?
使用 OnsenUI,该应用程序看起来非常原生,但是,iOS 7 向左滑动的手势对我的用户体验很重要。
我看到了这个:http ://www.idangero.us/framework7/dist/用户可以向左滑动以转到上一页。(在桌面环境下,您可以从左向右拖动)
有任何想法吗?
一种解决方案是使用 Onsen UI 中包含的 Hammer。您可以捕获手势并执行操作。例如,
ons.bootstrap();
Hammer(window, {prevent_default:true} ).on("swiperight",function(event) {
if (myNavigator.getPages().length > 1) {
myNavigator.popPage();
}
});
其中 myNavigator 定义为
<ons-navigator title="Navigator" var="myNavigator" page="page1.html">
</ons-navigator>
请注意,在上面的示例中,我们没有使用 AngularJS 的 Controller,而是直接访问 Navigator。这是 Onsen UI 1.1.0 的新功能。