extjs - 在 Sencha touch 中创建与苹果应用商店相同的轮播视图

Question

我正在使用 sencha Touch 应用程序。
我已经为不同的视图使用了 ext.carousel 组件。
实际上，我想在轮播中显示我上一个和下一个项目卡的一部分。与下面的苹果应用商店
相同，

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

任何帮助将不胜感激。

Answer 1

设置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;'
                }
            ] 
        });