Flex 4 滚动条

Question

在我的应用程序中，我正在使用一个滚动条组件。我无法确定应该设置哪个事件侦听器以知道何时滚动内容。我尝试将Event.CHANGE设置在Scroller.verticalScrollBar属性上，但显然当用户使用鼠标滚轮或箭头键滚动时，该事件不会触发。

在使用Scroller组件时，如何确定何时滚动内容呢？我已经尝试在Scroller.verticalScrollBar属性上使用Event.CHANGE事件监听器，但是当用户使用鼠标滚轮或箭头键滚动时，该事件并不会触发。

- Andrey

Answer 1

您可以在 Scroller 的 viewport 上监听 propertyChange 事件。以下是一个演示如何完成此操作的应用程序：

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               creationComplete="init()">
    <fx:Script>
        <![CDATA[
            import mx.events.PropertyChangeEvent;

            private function init():void {
                // spark Scroller: listen on the viewport property
                myScroller.viewport.addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, handle);
            }

            /**
             * Handle scroll position changes
             */
            private function handle(e:PropertyChangeEvent):void {
                if (e.source == e.target && e.property == "verticalScrollPosition")
                    trace(e.property, "changed to", e.newValue);
                if (e.source == e.target && e.property == "horizontalScrollPosition")
                    trace(e.property, "changed to", e.newValue);
            }
        ]]>
    </fx:Script>

    <s:Scroller id="myScroller" width="100" height="100">
        <s:Group>
            <s:Button label="large content" width="300" height="300"/>
        </s:Group>
    </s:Scroller>

</s:Application>

- sshongru

---

谢谢您的回复。如果您早些时候发布了，那就好了。无论如何，我最终通过在IViewport的这两个属性上设置ChangeWatcher来做了类似的事情。 - Andrey

Answer 2

slidePanel.slidesComponentsContainer.slidesList.scroller.addEventListener(
  TouchInteractionEvent.TOUCH_INTERACTION_START,
  onSlideListVertScrollerTouchInteractionStart
);

- winxalex