Flex -, Größe Kinder, wenn ein Elternteil ist die Größe

Habe ich Schaltflächen mit denen ich gedreht vertikal innerhalb einer Leinwand, das ist in Ordnung. Das problem tritt auf, wenn der Benutzer die Fenstergröße ändert, um eine kleine Größe eine vertikale Bildlaufleiste angezeigt, ich hätte lieber jede Taste gequetscht, der bis zu einer kleineren Größe.

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

So, in diesem Fall die Tasten gehen würde, ab einer Breite von 150 bis min 20.

InformationsquelleAutor rid00z | 2009-07-29

  1. 2

    Die Sie benötigen, um den Anschluss an das resize-Ereignishandler des Steuerelements wird geändert, und von dort können Sie die Informationen erhalten, die Sie benötigen, aus der das event-Objekt, einschließlich (wenn Sie es brauchen) die alte Breite des Steuerelements. Hier ein einfaches Beispiel:

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

    weiß nicht, über die Flex, aber in Flash, die Sie umsetzen würden-Ereignis.RESIZE-Ereignis-listener, so etwas wie:

    stage.addEventListener(Event.RESIZE, resizeInterface);

    und dann ändern Sie die Größe der Schaltflächen in resizeInterface Funktion.

    und soweit ich weiß, in Flex die meisten grafischen Elemente trigger-resize-Ereignisse (inklusive Leinwand).

    InformationsquelleAutor Sergei

Schreibe einen Kommentar