sencha Touch горизонтальный прокрутки и Hbox

Question

Привет, мне нужна небольшая помощь в сценарии, с которым я сталкиваюсь. У меня есть горизонтальный просмотр списка изображений. Я хочу показать только три изображения на экране и выделить центральное изображение.

Я пробовал карусель, но только выделенное изображение будет прокручиваться, я хочу горизонтальный вид гладкой прокрутки.

Есть что-то вроде использования панели hbox поверх горизонтального списка?

var superpanel = new Ext.Panel({ 
    fullscreen: true, 
    layout: 'hbox',    
    items: [ 
     { 
      xtype: 'panel', 
      id: 'panel_1', 
      width: '100%', 
      layout: 'fit', 
      items: [ 
       { 
        xtype: 'list', 
        flex:1, 
        id: 'list1', 
        store: 'samplestore1' 
       } 
      ] 
     } 
    ] 
}); 

Может кто-то помочь с сценарием, как этого достичь. Любая помощь очень ценится

Answer 1

Вам не нужна карусель для этого. Dataview будет служить цели. Проверьте этот чувак:

Ext.define('Example.view.HorizontalList', { 
      extend: 'Ext.dataview.DataView', 
      xtype: 'horizontallist', 
      config: { 
       inline: { 
        wrap: false 
       }, 
       scrollable: { 
        direction: 'horizontal' 
       }, 

       //set the itemtpl to show the fields for the store 
       itemTpl: '{name} {image}', 

       //bind the store to this list 
       store: 'xyz' 
      } 
     }); 

Вы также можете проверить this.