sencha-touch - 预览下一个和上一个轮播项目

Question

我试图创建一个轮播，除了活动项目之外，用户可以预览下一个和上一个项目的一部分。我画了一个图来说明它：

我尝试了填充或边距之类的方法，但任何方法都有效。

这是一个轮播：http: //jsfiddle.net/XpG8v/

        Ext.Viewport.add({
        xtype: 'carousel',
        height: 300,
        width: 300,
        items: [{
            style: 'background-color: #00ffff;'
        },{
            style: 'background-color: #ff00ff;'
        },{
            style: 'background-color: #ffff00;'
        }]
    });

谢谢！

Answer 1

只需将“itemLength”配置设置为固定值，例如：

Ext.Viewport.add({
    xtype: 'carousel',
    itemLength: 200,
    // ...
});