Flex, redimensionner des enfants lorsque la mère est redimensionner

J'ai des Boutons qui j'ai tourné verticalement à l'intérieur d'une Toile, qui fonctionne bien. Le problème se produit, lorsque l'utilisateur redimensionne la fenêtre d'une petite taille, une barre de défilement verticale apparaît, je préférerais avoir chaque bouton écrasé jusqu'à une taille plus petite. 

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="40" maxWidth="40" xmlns:myComponents="myComponents.*"
  horizontalScrollPolicy="off"
 creationComplete="created()" initialize="init()">
 <mx:Script>
    <![CDATA[
        import mx.effects.Rotate;

        function created() : void {
            addBtn("Personal");
            addBtn("Work");
            addBtn("Three");
            addBtn("Four");

        }

        function addBtn(name:String) {
            var newBtn: Button = new Button();
            newBtn.label = name;
            newBtn.styleName = "drawerButton";
            newBtn.width = 150;
            newBtn.x = (-newBtn.width /2) + 50;
            newBtn.y = (-newBtn.height /2) - 30;

            var rotationContainer:Canvas = new Canvas();
            rotationContainer.clipContent = false;
            rotationContainer.addChild(newBtn);
            rotationContainer.rotation = 90;
            rotationContainer.height = 150;

            uiContainer.addChild(rotationContainer);
        }

    ]]>
 </mx:Script>
 <mx:VBox x="5" y="30" right=""  >
    <mx:VBox id="uiContainer" right="0" verticalGap="2" >
    </mx:VBox>
    <mx:Button id="uiAdd" styleName="addButton" >
    </mx:Button>
    <mx:Button id="uiRename" styleName="renameButton">
    </mx:Button>
    <mx:Button id="uiDelete" styleName="deleteButton">
    </mx:Button>
 </mx:VBox>

Donc dans ce cas les boutons irait à partir d'une largeur de 150 à 20 min de.

InformationsquelleAutor rid00z | 2009-07-29
  1. 2

    Vous avez besoin de faire le lien avec les redimensionner le gestionnaire d'événements du contrôle en cours de redimensionnement, et à partir de là, vous pouvez obtenir les informations dont vous avez besoin hors de l'objet d'événement, y compris (si vous en avez besoin) l'ancien largeur du contrôle. Voici un exemple simple:

    <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  xmlns:myComponents="myComponents.*">
    <mx:Script>
        <![CDATA[
            import mx.controls.Button;
            import mx.containers.Panel;
            import mx.events.ResizeEvent;

            public function resizePanel(width:int, height:int):void
            {
                thePanel.width = width;
                thePanel.height = height;
            }

            public function panel_resizeHandler(event:ResizeEvent):void
            {
                var myPanel:Panel = event.target as Panel;
                var padding:int = 10;
                var width:Number = myPanel.width - padding * 2;
                for(var i:int = 0; i < myPanel.childDescriptors.length; i++)
                {
                    if(myPanel.childDescriptors[i].type == Button)
                    {
                        var myButton:Button = this[myPanel.childDescriptors[i].id] as Button;
                        myButton.width = width;
                    }
                }
            }
        ]]>
    </mx:Script>
    <mx:ControlBar>
        <mx:Button label="300x160" click="resizePanel(300, 160)" />
        <mx:Button label="800x160" click="resizePanel(800, 160)" />
    </mx:ControlBar>
    <mx:Resize id="resize" />
    <mx:Panel id="thePanel" resize="panel_resizeHandler(event)" width="800" resizeEffect="{resize}">
        <mx:Button id="fileBtn" label="File" width="200"/>
        <mx:Button id="editBtn" label="Edit" width="200"/>
        <mx:Button id="deleteBtn" label="Delete" width="200"/>
        <mx:Button id="aboutBtn" label="About" width="200"/>
    </mx:Panel>
</mx:Application>
    InformationsquelleAutor Dan Monego
  2. 0

    ne sais pas à propos de Flex, mais dans Flash, vous pouvez implémenter les Cas.REDIMENSIONNER écouteur d'événement, quelque chose comme:

    stage.addEventListener(Event.RESIZE, resizeInterface);

    et puis vous redimensionnez vos boutons dans resizeInterface fonction.

    • et autant que je sache, dans Flex, la plupart des éléments graphiques déclencher des événements de redimensionnement (y compris la toile).
    InformationsquelleAutor Sergei