Buttons aneinander ausrichten

[Ullmann]

Ich versuche gerade mehrere Buttons direkt aneinander auszurichten.

Das Problem ist, dass die Seite mehrsprachig ist und sobald sich der Text im Button und somit auch die Breite des Buttons ändert macht das komplette Layout nicht mit. Er wird breiter oder schmaler und die Lücke, die dadurch entsteht wird nicht geschlossen bzw. die Buttons liegen übereinander.

Gibt es einen Weg das zu bewerkstelligen?

[Ouroborus23]

Hallo!
Ja, der Weg ist relativ einfach. Momentan richtest du die Buttons wahrscheinlich nach fixen Werten aus. Die Positionierung der Buttons stimmt dann, sobald sich deren Breite ändert, natürlich nicht mehr. Beim Initialisieren deiner Buttons (also da, wo du sie der DisplayList hinzufügst), solltest du bestenfalls mit einer Schleife durch deine Buttons gehen (vorausgesetzt du hast diese in einem Array oder ähnlich abgespeichert) und dich dann beim Positionieren des i-ten Buttons von der Breite der vorausgegangenen ausgehen. Wenn alle Buttons gleich breit sind, ließe es sich zB wie folgt angehen:

for (var i:uint = 0;i<buttons.length;i++){
button[i].x=i*button[i].width;
addChild(button[i]);
}

Achtung, das Skript ist natürlich ungetestet.

Liebe Grüße

[Ullmann]

Verstehe, also nur über Actionscript, okay. Ich hätte es elegant gefunden, wenn das ganze auch über Standard-Flex-Einstellungen machbar gewesen wäre, aber AS ist wohl auch in Ordnung.

Danke

[Martin Kraft]

Sowas sollte auch mit MXML funktionieren, wenn Du mit einem Container einer festen Breite arbeitest, oder die Buttons z.B. auf 100% stellst:

PHP-Code:

        <mx:Box width="100%" direction="horizontal" horizontalAlign="left">
            <mx:Button label="Button 1" width="100%" />
            <mx:Button label="Button 2" width="100%" />
        </mx:Box> 


[Ullmann]

Ah, nach so etwas habe ich gesucht. Nichts gegen AS3, eigentlich neige ich dazu, reine Actionscript Projekte zu machen. Aber dieses Flex Projekt soll einfach so sauber wie möglich werden und so wenig unnötigen Code wie möglich beinhalten.

[Omega Psi]

Wenn du das in Flex machst und keine HBox verwendest, solltest du das in der Methode updateDisplayList implementieren.

[Omega Psi]

Wenn du Flex 4.x verwendest, nimm eine HGroup.