0

有人可以帮助我创建一个位于我的移动应用程序底部的可拖动抽屉吗？我想让它有一个始终可见的拖动手柄（可以是图像或其他），然后允许您将内容滑入视图并将它们滑回屏幕底部的视图之外。我需要一个开始的方向，一旦我有了它，我应该能够弄清楚。

4

1 回答 1

0

我最初在鼠标向下/移动/向上事件上启动了滑动，但后来将其更改为在扩展坞顶部的句柄图像上的点击效果（当您向上/向下滑动时也会发生），因为我改变了今天下午我还没有机会清理它，但这是开始：

抽屉：

<?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>
于 2012-11-20T20:55:25.797 回答