Question

也许这是一个新手问题，如何将网格布局设置为全屏？

我目前的代码是：

    var container = new qx.ui.container.Composite().set({
        decorator: "main",
        backgroundColor: "yellow",
        allowGrowX: false,
        allowGrowY: false
    });
    var layout = new qx.ui.layout.Grid(2,2);
    layout.setSpacing(5);
    container.setLayout(layout);

    var w1 = new qx.ui.core.Widget();
    var w2 = new qx.ui.core.Widget();
    var w3 = new qx.ui.core.Widget();
    var w4 = new qx.ui.core.Widget();

    container.add(w1, {row: 0, column: 0});
    container.add(w2, {row: 0, column: 1});
    container.add(w3, {row: 1, column: 0});
    container.add(w4, {row: 1, column: 1});
    container.set({backgroundColor : "white"});
    this.getRoot().add(container, {edge: 0});

我错过了什么？它只占浏览器的一小部分。

P.S。我正在处理qx.Desktop。

Answer 1

怎么样？

...
allowGrowX: true,
allowGrowY: true
...

？（想想这些名字）。

Answer 2

要使网格布局占据全屏，我必须添加：

layout.setRowFlex(1, 1);
layout.setColumnFlex(1, 1);

在var layout = new qx.ui.layout.Grid(2,2);之后。

代码是设置宽度＆amp; Grid Layour（1,1）处网格的高度是灵活的。对于函数setRowFlex()或setColumnFlex()，第一个参数是网格的索引，而第二个参数设置网格是否具有灵活的宽度/高度（1 =灵活，0 =固定）

qooxdoo qx.Desktop：将网格布局设置为全屏

2 个答案: