如何在感应器中实现幻灯片导航菜单

Question

与单击按钮并显示幻灯片导航菜单不同，如何通过滑动屏幕显示菜单。例如，菜单按钮位于左上角。当我从左到右滑动屏幕时，菜单也必须打开，如果我从右向左滑动，它也应该关闭。

Answer 1

您可以向Viewport添加一个点击侦听器，并相应地调用这些事件

Ext.Viewport.bodyElement.on('swipe', function (event, node, options){
    var button = Ext.ComponentQuery.query('button');
    if (event.direction == 'right') {
        button[0]._handler();
    } else {
        button[1].fireAction('tap');
    }

});

小提琴：https://fiddle.sencha.com/#fiddle/c1p

• 显然，这个小提琴有错误，应该只使用，这样您就可以知道如何实现您的解决方案。

Answer 2

请参阅这里的解决方案，了解如何通过滑动Sencha Touch 2.4.1中的屏幕来显示侧菜单。

Sencha Touch - menu and edge swipes errors