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

我把圖像劃分成qx.ui.container.Composite與具有其中心屬性設置爲true一個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 
});