sencha touch에서 이와 같은 이미지 뷰어를 만들려면 어떻게해야합니까?

Question

나는 sencha touch에서 이와 같은 이미지 뷰어를 생성해야한다. 이미지의 미리보기 이미지가 표시되어야합니다. 축소 이미지를 클릭하면 확대 된 이미지가 표시됩니다. 나는 신나 터치에 초보자입니다. 도와주세요.

Answer 1

AFAIK 이렇게 표준 갤러리 플러그인이 없으므로 직접해야합니다. 이것을 시도 할 수 있습니다 :

vbox 레이아웃에 2 개의 패널이있는 컨테이너를 만들면 더 큰 상단 패널은 image이고 하단 패널은 수평 list이됩니다. 모든 목록 항목 중 itemtap에 src 속성을 image으로 변경할 수 있습니다. 두 간단한 이미지 & 큰 이미지 URL을 모두 제공하는 저장소를 사용하여 서버에서 데이터를로드하여이 간단한 목록을 만들 수 있습니다.

나는 그것을 테스트하지 않았습니다하지만이 같은 것을해야한다

:

{ 
    xtype : 'panel', 
    layout : 'vbox', 
    items : [{ 
     xtype : 'panel', 
     flex : 5, 
     items : [{ 
      xtype : 'image', 
      id : 'myImg', 
      src : 'http://xyz.com/asdf.jpg' 
     }] 
    },{ 
     xtype : 'panel', 
     items : [{ 
      xtype : 'list', 
      listeners: { 
      itemtap: function(list, index, item, rec) { 
       Ext.getCmp("myImg").setSrc(rec.get('bigImgUrl')); 
      } 
     } 
     }] 
    }] 
}