alignX不工作？

Question

这是我的简单代码;我期待我的atom1小部件（行：0，列：0）是正确对齐的;但无法得到它！有什么建议吗？

var layout = new qx.ui.layout.Grid();
layout.setRowFlex(0, 1); // make row 0 flexible
layout.setColumnWidth(1, 200); // set with of column 1 to 200 pixel
var container = new qx.ui.container.Composite(layout);
this.getRoot().add(container, {left:200, top:200});
var atom1 = new qx.ui.basic.Atom("Icon Right1", "").set({alignX:'right', alignY:'middle'});
var atom2 = new qx.ui.basic.Atom("Icon Right2", "");
var button1 = new qx.ui.form.Button("First Button", "test/test.png");
container.add(atom1, {row: 0, column: 0});
container.add(atom2, {row: 0, column: 1});
container.add(button1, {row: 1, column: 0});

Answer 1

你必须防止原子生长，否则它只会填充细胞并且没有移动空间。

添加allowGrowX：false ...

请参阅the qooxdoo playground以获取示例