Qooxdoo Image centering

Question

У меня проблема с qooxdoo. Я использую qx.ui.basic.Image с шириной и высотой 244 пикселя, но источник изображения меньше. Теперь я хочу центрировать изображение в файле qx.ui.basic.Image. Как я могу это сделать?

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

Answer 1

я поместил изображение в qx.ui.container.Composite с макетом Atom, который имеет свой центр набор свойств к истине:

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 
});