UI.Grid
| Name |
Mandatory |
Description |
Default |
Type |
⬅️ Input |
|
The value that will be passed to the Contents shards of the grid. |
|
Any |
Output ➡️ |
|
The output of this shard will be its input. |
|
Any |
Contents |
No |
The UI contents. |
none |
NoneShard[Shard] |
Striped |
No |
Whether to alternate a subtle background color to every other row. |
false |
BoolVar(Bool)None |
NumColumns |
No |
The number of columns in the grid. Setting this will allow the last column to expand to take up the rest of the space of the parent UI. |
none |
IntVar(Int)None |
MinWidth |
No |
Minimum column width. |
none |
FloatVar(Float) |
MaxWidth |
No |
Maximum column width. |
none |
FloatVar(Float) |
Spacing |
No |
Spacing between columns/rows. |
none |
Float2Var(Float2) |
Simple grid layout.
Examples
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 | GFX.MainWindow(Contents: {
// Setup
GFX.DrawQueue = ui-draw-queue
GFX.UIPass(ui-draw-queue) >> render-steps
// UI
UI({
UI.CentralPanel({
UI.Grid(Striped: true Contents: {
"Col 1" | UI.Label
"Col 2" | UI.Label
"Col 3" | UI.Label
UI.NextRow
"Hello" | UI.Label
"shards" | UI.Label
"!" | UI.Label
UI.NextRow
"Lorem ipsum dolor sit amet" | UI.Label
"consectetur adipiscing elit" | UI.Label
"sed do eiusmod tempor" | UI.Label
})
})
})
UI.Render(ui-draw-queue)
GFX.Render(Steps: render-steps)
})
|
[warning] Context has 2 buffers at release (2 released, 2 kept)
[warning] Context has 5 textures at release (1 released, 5 kept)