在sencha-touch中的旋转木马面板

Question

我是sencha-touch的新手，我已经完成了所有面板和布局教程;但是，我仍然无法弄清楚如何将三种不同的旋转木马卡片放入一个面板中。我在一些原生应用程序中看到过这种布局，我想知道是否可以使用sencha-touch来完成

Answer 1

您可以通过在每个轮播窗格中使用样式面板来实现类似的效果。您一次只能批量滚动3个。底部的点只显示总共3个面板窗格。类似的东西：

var carousel = new Ext.Carousel({
   items: [
     new Ext.Panel({
         layout: 'hbox',
         items:[
            new Ext.Panel({html: 'card 1'}),
            new Ext.Panel({html: 'card 2'}),
            new Ext.Panel({html: 'card 3'}),
         ]
     }),
     new Ext.Panel({
         layout: 'hbox',
         items:[
            new Ext.Panel({html: 'card 4'}),
            new Ext.Panel({html: 'card 5'}),
            new Ext.Panel({html: 'card 6'}),
         ]
     }),
     ....
});