我最初在鼠标按下/移动/向上事件时启动滑动，但后来在停靠栏顶部的手柄图像上将其改为点击效果（当您向上/向下滑动时也会发生），因为我今天下午更改了它，所以我还没有机会清理它，但这是一个开始：
出票人：

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"  maxHeight="125" minHeight="30" height="30"
         xmlns:s="library://ns.adobe.com/flex/spark">

    <fx:Script>
        <![CDATA[
            private var dragging:Boolean = false;           

            protected function resize():void{
                var h:int = this.height;
                var i:int = 0;              
                if (h !== 125){
                    for(i=h;i<=125;i++){                        
                        this.height = i;
                    };
                    currentState='up';
                    return;
                }else{
                }

                if(h >= 30){
                    for(i=h;i>=30;i--){                     
                        this.height = i;                        
                    };
                    currentState='down';
                    return;
                }               
            }
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>  
    <s:states>
        <s:State name="down"/>
        <s:State name="up"/>
    </s:states>
    <s:Rect width="100%" height="100%" top="30">
        <s:fill>
            <s:SolidColor color="#333333"/>         
        </s:fill>
    </s:Rect>   
    <s:Image scaleMode="zoom" source.down="@Embed('Images/down.png')" source.up="@Embed('Images/up.png')" mouseDown="resize()"/>
    <s:HGroup width="100%" horizontalAlign="center" verticalAlign="bottom" top="30" gap="30">
        <!--Buttons here-->
    </s:HGroup> 
</s:Group>