如何在sencha touch中实现幻灯片导航菜单

Question

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

Answer 1

您可以向视口添加滑动侦听器并相应地调用事件

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