html - Sencha Touch/HTML5 从左到右滑动事件/效果

Question

我尝试在 Sencha Touch 或 HTML5 中从左向右滑动事件/效果。因此，如果 HTML 页面在 iOS 上运行，那么它应该在用户用手指在屏幕上从左向右触摸和移动/滑动时启动动画。

有什么想法可以“轻松”完成吗？

Answer 1

如果我没理解错的话，您希望在用户向左/向右滑动屏幕时切换内容。我相信最简单的方法是使用轮播。请查看 Sencha Touch Kitchen Sink 示例(用户界面 -> 旋转木马): http://dev.sencha.com/deploy/touch/examples/kitchensink/

下面是从 Kitcen Sink 中提取的代码示例，演示了 Carousel 的使用:

new Ext.Panel({
    cls: 'cards',
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    defaults: {
        flex: 1
    },
    items: [{
        xtype: 'carousel',
        items: [{
            html: '<p>Navigate the carousel on this page by swiping left/right.</p>',
            cls: 'card card1'
        },
        {
            html: '<p>Clicking on either side of the indicators below</p>',
            cls: 'card card2'
        },
        {
            html: 'Card #3',
            cls: 'card card3'
        }]
    }]
});