У меня есть кнопка для создания объекта изображения при каждом его нажатии и добавления этого объекта изображения в Hgroup. Hgroup может содержать несколько объектов изображения. И еще одна кнопка для поворота объекта.

Что я хочу сделать :

Чтобы можно было выбрать объект.Такэтот выбранный объект можно поворачивать на 90 градусов вокруг точки при каждом нажатии кнопки поворота.Также хочу ограничить количество элементов, добавляемых в контейнер / Hgroup. (Должно быть с границей)Какой лучший контейнер (список, пограничный контейнер, Hgroup) я могу использовать для вышеуказанных целей?

В настоящее время, что могут делать мои коды: 1. Добавляйте объект изображения в HGroup при каждом нажатии кнопки 2. Я могу вращать только первый элемент в HGroup.

Я очень новый, чтобы сгибать. Я понятия не имею, как это сделать. Пожалуйста, может кто-нибудь помочь мне с примером. Вы можете запустить мои коды, чтобы понять, что я пытаюсь сделать.

Пожалуйста, помогите мне .. Спасибо :)

Это весь код, который у меня есть (вы можете запустить его на своем компьютере, если хотите):

    <fx:Declarations>   
    <s:Rotate id="rotAnim" angleBy="90" duration="1000" target="{myImage}"
              autoCenterTransform="true" />
</fx:Declarations>
<fx:Script>
    <![CDATA[
        import spark.components.Image;

        private function generateImage():Image{
            var image:Image = new Image();
            [Embed(source='assets/test_Image.png')]             
            var myImg1:Class;
            image.source = myImg1;
            image.scaleX = 0.5; 
            image.scaleY = 0.5;             
            return image;
        }
        private function addImageToContainer(event:MouseEvent):void{
            var image1:Image = new Image();             
            image1 = generateImage();               
            holdingArea.addElement(image1);         
        }

        [Bindable]
        private var myImage:Image;          
        private function rotateImage():void {
            myImage = holdingArea.getElementAt(0) as Image;
            if (rotAnim.isPlaying) return;
            rotAnim.play();
        }

    ]]>
</fx:Script>
<s:BorderContainer x="216" y="53" width="319" height="367">

    <s:BorderContainer x="10" y="10" width="297" height="298" >
        <s:HGroup id="holdingArea" x="4" y="5" width="287" height="285">
        </s:HGroup>
    </s:BorderContainer>

    <s:Button x="23" y="324" label="Add Image Object" click="addImageToContainer(event)"/>
    <s:Button x="149" y="324" label="Rotate" click="rotateImage()"/>    

</s:BorderContainer>