extjs - 在 Sencha touch 中创建与苹果应用商店相同的 Carousel View

Question

我正在使用 sencha Touch 应用程序。
我为不同的 View 使用了 ext.carousel 组件。
实际上，我想在轮播中显示我的上一张和下一张商品卡片的一部分。
与下面的 apple app store 相同，

谁能建议我如何处理轮播 View ？
也可以接受任何替代解决方案。

我们将不胜感激。

Answer 1

为 Carousel 设置 itemLength.. 就是这样。

Ext.create('Ext.Carousel', {
            fullscreen: true,
             itemLength: 250, // change value as you want
            defaults: {
                styleHtmlContent: true
            }, 
            items: [
                {
                    html: 'red',
                    style: 'background-color:#f00;'
                }, {
                    html: 'orange',
                    style: 'background-color:#ffb600;'
                }, {
                    html: 'yellow',
                    style: 'background-color:#ff0;'
                }, {
                    html: 'green',
                    style: 'background-color:#80ff4d;'
                }, {
                    html: 'blue',
                    style: 'background-color:#009dff;'
                }
            ] 
        });