[Flex4.5] Scroller에 scrolling 이벤트 설정

SDK 4.x spark 컴퍼넌트에 Scroller 컴퍼넌트가 있다.

Scroller에 설정된 viewport의 스크롤 컨트롤 컴퍼넌트이다.

MX 컴퍼넌트의 컨테이너에는 기본적으로 스크롤이 포함되어 있어 컨테이너에 ScrollEvent.SCROLL 이벤트를 받아서 스크롤 값을 확인하였다.

그런데 Scroller 컴퍼넌트에는 ScrollEvent.SCROLL(scrolling) 이벤트가 없어 스크롤시 이벤트를 받을수 없다.

그래서 Scroller에 viewport 설정할 Group을 확장해서 verticalScrollPosition, horizontalScrollPosition setter에 이벤트를 날리는 방법을 선택하였다.


...
vp.addEventListener("verticalScrolling", onVpScrolling);
...

<s:Scroller id="sc" width="100%" height="100%" >
     <controls:CustomGroup id="vp" width="100%">
        <view:ViewList />
     </controls:CustomGroup>
</s:Scroller>

package com.controls
{
 import flash.events.Event;
 
 import spark.components.Group;
 
 public class CustomGroup extends Group
 {
  public function CustomGroup()
  {
   super();
  }
  override public function set verticalScrollPosition(value:Number):void
  {
   super.verticalScrollPosition = value;
   dispatchEvent(new Event("verticalScrolling"));
  }
  override public function set horizontalScrollPosition(value:Number):void
  {
   super.horizontalScrollPosition = value;
   dispatchEvent(new Event("horizontalScrolling"));
  }
 }
}