sencha-touch中的旋转木马面板

Question

我刚接触sencha-touch，并且我已经学习过所有的面板和布局教程；但是，我仍然不知道如何将三种不同的carousel卡放入一个面板中。我在一些原生应用程序中看到过这种布局，我想知道是否可以使用sencha-touch来完成

​

​

Answer 1

通过在每个carousel窗格中使用带样式的面板，您可能能够实现类似的效果。您一次只能滚动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'}),
         ]
     }),
     ....
});