Как я могу перетаскивать холсты в Vbox для повторного заказа?

Question

Я набираю скорость с Flex и ищу любой пример реализации перетаскивания в контейнере vbox. В основном у меня есть Vbox, который содержит несколько холстов, которые имеют полную ширину и высоту 35 пикселей. Я хочу иметь возможность перетаскивать их, чтобы изменить порядок в vbox.

Любая помощь очень ценится - спасибо,

б

Answer 1

Вы пробовали использовать mx: List - поддержка перетаскивания уже встроена и очень проста в использовании - я собрал образец для вас, используя указанные вами размеры:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.events.DragEvent;
            import mx.collections.ArrayCollection;

            [Bindable]
            private var _source:ArrayCollection = new ArrayCollection();

            private function init():void{

                var n:int = 10;
                for(var i:int = 0; i < n; i++){ _source.addItem({value:Math.random()}); }

            }

            private function handleReorder(event:DragEvent):void{

                Alert.show("A change was made!");

            }

        ]]>
    </mx:Script>

    <mx:List dataProvider="{_source}" width="250" height="500" dragMoveEnabled="true" 
             dragEnabled="true" dropEnabled="true" dragDrop="handleReorder(event)">
        <mx:itemRenderer>
            <mx:Component>
                <mx:Canvas width="100%" height="35">
                    <mx:Text text="{data.value}" width="100%" height="100%" selectable="false" />
                </mx:Canvas>
            </mx:Component>
        </mx:itemRenderer>
    </mx:List>

</mx:Application>

И, конечно, больше информации здесь: http://livedocs.adobe.com/flex/3/langref/mx/controls/List.html

удачи!

Answer 2

На вашем месте я бы сначала проверил документацию по Flex, доступную в Интернете. Есть этот пример. Вы должны будете настроить это для itemeditor вашего элемента управления списком. Есть еще один пример , на который вам стоит взглянуть. Если у вас возникли проблемы, сообщите нам.