0

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

我当前的代码是：

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

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

ps 我正在处理qx.Desktop。

4

2 回答 2

1

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

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

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

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

于 2013-04-10T06:57:16.943 回答
0

关于什么

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

？！（想想名字）。

于 2013-04-08T15:42:18.217 回答