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,
    // ...
});