sancha 터치에서 DataView를 항목을 애니메이션하는 방법이

Question

나는 sancha 터치 SDK와 함께 제공 kitchensink 예와 재생 sancha 터치 2 초보자, 오전 kitchensink/index.html#demo/inlinedataview

UI 인라인에 대한 DataView를

보기

/* Here we are adding a dataview to a container 
* which(dataview) contains images. 
*/ 
Ext.define('Kitchensink.view.InlineDataView', { 
    extend: 'Ext.Container', 
    requires: ['Kitchensink.model.Speaker'], 
    config: { 
     layout: 'fit', 
     items: [{ 
      xtype: 'dataview', 
      scrollable: true, 
      inline: true, 
      itemTpl: '<img src="{photo}">', 
      store: 'Speakers' 
     }] 
    } 
}); 

---

질문

나는 그들이 (개별적으로 각자가) 상위 뷰를 표시하기 전에 임의의 장소에서의 페이딩 보인다 그들이하는 방식으로 DataView를 추가하는 동안 그 이미지를 애니메이션을 적용 할. 유사

Sancha 문서 참조 또는 수행하는 방법에 대한 힌트 나, 그것을 할 것입니다,하지만 당신은 몇 가지 기준 코드를 붙여 넣을 수 있다면 좋을 것 그 http://boedesign.com/demos/jsquares/ example1

합니다.

Answer 1

나는 아무도 8 개월이 회신 없음을보고, 여전히 구글에서 제공 :

은 그래서 간단한 솔루션을 제공합니다 생각했다.

var viewItems = this.getViewItems(); 

다음 몇 가지 애니메이션을에 롤 : 당신의 DataView를 재정의 doRefresh 기능 고객 후 기능 (this.animateItems())

호출에서 다음

doRefresh: function() 
{ 
this.callParent(arguments); 

this.animateItems(); 
}, 

에서

그들 :

나는 thi를 단순화하려고하는 플러그인을 만들었습니다. 에스. http://sunnyjacob.co.uk/blog/animating-items-in-a-sencha-touch-dataview/

S.

:

은 사람을 도울 수 있기를 바랍니다