Qooxdoo图像居中

Question

qooxdoo有问题。我使用宽度和高度为244px的qx.ui.basic.Image但图像源较小。现在我想将图像置于qx.ui.basic.Image中心。我怎么能这样做？

var imageZoneTemp = new qx.ui.basic.Image("pathtoimagesource");
imageZoneTemp.set({
    width: 244,
    height: 244,
});

Answer 1

我将图像放入带有 center 属性设置为true的Atom布局的qx.ui.container.Composite中：

var container = new qx.ui.container.Composite().set({
  layout: new qx.ui.layout.Atom().set({center: true}),
  width: 244, 
  height: 244
});

var image = new qx.ui.basic.Image("pathtoimagesource");
container.add(image);

请注意，使用此方法，您不会为图像指定宽度和高度值，而是指定容器。

Answer 2

只需使用原子：

var image = new qx.ui.basic.Atom(null, "next.png").set({
    center: true,
    show:   'icon',
    width:  244,
    height: 244
});