AS3 Flex Scroller - 不滚动时隐藏

时间:2014-03-18 10:36:42

标签: actionscript-3 flex flex4 show-hide scroller

我正在试图弄清楚如何使Flex Scroller不被偏移并在用户不滚动时被隐藏。基本上,我希望Scrollbar在用户滚动时显示并重叠内容,然后在用户停止滚动时消失或淡出。

但是,我一直无法在网上找到任何有关如何实际执行此操作的类似信息。如果有人能指出我正确的方向,我会很感激。

1 个答案:

答案 0 :(得分:1)

创建一个自定义皮肤类,在该皮肤中添加以下状态:

<s:states>
    <s:State name="normal" />
    <s:State name="disabled" />
    <s:State name="inactive" />
</s:states>

完成后,您有两个按钮:TRACK和THUMB。加上这个:

<!---  The default skin class is VScrollBarTrackSkin.  
        @copy spark.components.supportClasses.TrackBase#track 
        @see spark.skins.spark.VScrollBarTrackSkin -->
<s:Button id="track" top="0" bottom="0" height="54"
          focusEnabled="false"
          skinClass="com.happymetrix.client.mobile.components.uiLegacy.scroller.dark.DarkVScrollerTrackSkin"/>

<!--- The default skin class is VScrollBarThumbSkin.
        @copy spark.components.supportClasses.TrackBase#thumb 
        @see spark.skins.spark.VScrollBarThumbSkin -->
<s:Button id="thumb" 
          focusEnabled="false" visible.inactive="false"
          skinClass="com.happymetrix.client.mobile.components.uiLegacy.scroller.dark.DarkVScrollerThumbSkin" />

visible.inactive =&#34; false&#34 ;;试着用自定义皮肤类玩一下。