在Sencha touch中创建Carousel View与apple app Store相同

时间:2013-07-15 05:09:14

标签: extjs sencha-touch sencha-touch-2

我正在使用sencha Touch应用程序 我已经将ext.carousel组件用于不同的视图。
实际上,我想在旋转木马内显示我上一张和下一张卡片的一部分 与下面的苹果应用商店相同, enter image description here

任何人都可以建议我如何处理我的旋转木马视图?
任何替代解决方案都是可以接受的。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:7)

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