apache-flex - ドラッグ可能なドロワー Adob​​e Flex Mobile

Question

モバイル アプリケーションの下部にあるドラッグ可能なドロワーを作成する方法を教えてください。常に表示されるドラッグ ハンドル (画像など) があり、コンテンツをビューにスライドさせて、画面の下部にあるビューからスライドさせて戻すことができるようにしたいと考えています。開始する方向が必要です。それがあれば、それを理解できるはずです。

Answer 1

私はもともとマウスのダウン/移動/アップイベントでスライドを開始していましたが、ドックの上部にあるハンドル画像のタップ効果 (上下にスライドしたときにも発生します) に変更しました。今日の午後、まだ片付ける機会がありませんでしたが、これが始まりです。

引き出し：

<?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>