Sencha Touch 2：滚动后列表中的自动居中项目答案

【问题标题】：Sencha Touch 2: auto center item in list after scrollingSencha Touch 2：滚动后列表中的自动居中项目
【发布时间】：2012-07-06 13:43:26
【问题描述】：

我正在尝试以与http://zite.com/ 应用程序类似的方式实现轮播（或带有 srcoll 的标签）。主要目标是在滚动结束后实现最接近中心项目的自动居中滚动。

你有什么想法吗？

【问题讨论】：

标签： scroll sencha-touch-2

【解决方案1】：

当然，如果您想将 Ext.Carousel 居中到主要 Ext.Panel 中，请编写类似这样的内容，

new Ext.Panel({
    fullscreen: true,
    ...
    layout: {
       type: 'vbox', 
       align: 'center', 
       pack: 'center'
    },
    items: [
       new Ext.Carousel({
          ...
       })
    ]
})

玩得开心Carousel居中。我希望这有帮助。 :)

【讨论】：

它适用于 ST2，因此new Ext.Carousel 不是创建轮播的正确方法。请改用Ext.create('Ext.Carousel',{...})
感谢您的回复，但我的意思是另一个自动居中。检查 zite 应用程序 - 它会滚动到标签栏的中心。

【解决方案2】：

除了在滚动结束事件中手动计算中心并滚动到它之外，没有找到任何其他方法。

【讨论】：