qx.ui.form.Button() Wie

Question

enter image description here

 
var button1 = new qx.ui.form.Button("Button", "http://www.qooxdoo.org/current/widgetbrowser/resource/qx/icon/Tango/48/devices/camera-photo.png"); 
button1.setIconPosition("bottom"); 
button1.setWidth(200); 

this.getRoot().add(button1,{ top: 20, left: 20 }); 

Spielplatz Label Ausrichtung implementieren: tinyurl.com/y9rlxpxt

Wie die Wirkung in der Figur Etikett links Ausrichtung gezeigt zu erreichen, Symbolmitte?

Answer 1

können Sie mit dem untergeordneten Steuerelemente des Atom arbeiten. Die Lösung für Ihr Problem ist:

button1.getChildControl("label").setAllowGrowX(true); 
button1.getChildControl("label").setTextAlign("left"); 

Answer 2

Die Positionierung des Etiketts und des Symbols wird von der Klasse qx.ui.layout.Atom übernommen, und obwohl die Position des Symbols angepasst werden kann, wird der Text automatisch positioniert.

Momentan gibt es keinen einfachen Weg, der bereits in Qooxdoo integriert ist, um das zu erreichen, wonach Sie suchen. Die Lösung des Problems wäre jedoch, qx.ui.layout.Atom zu betrachten und Ihre eigene Version zu schreiben darüber, wie das Bild und das Symbol positioniert sind.

Nachdem Sie das benutzerdefinierte Layout geschrieben haben, würden Sie es einfach auf jede Taste anwenden, indem button1.setLayout(new mypackage.MyCustomAtomLayout());