Tutorial EzLang Layout Modes Table

Table mode divides widgets into rows and columns. You must specify how many rows or columns you want, or both. If you specify the amount of columns, the table will grow the amount of rows to fit all the widgets. If you specify the amount of rows, then the amount of columns will grow. If you specify both, the table will be fixed in size. Like the stack layout, the table layout has 8 possible orientations which dictate in what order the cells of the table are filled. The default orientation is top-bottom, left right ('tb-lr'), so if there are 3 columns and 3 rows (and 9 widgets), they would be filled like this:

1 4 7
2 5 8
3 6 9

If you would set the orientation to left-right, top-bottom ('lr-tb') it would look like this:

1 2 3
4 5 6
7 8 9

Each row in the table is sized to the highest widget in that row. Each column is sized to the widest widget in that column. This behavior can be overwritten using the following properties:

• row_default_height: 50 (set default height of rows to 50, they can still grow)
• force_default_row_height: true (force all rows to always be row_default_height)
• col_default_width: 50 (set default width of columns to 50, they can still grow)
• force_default_col_width: true (force all columns to always be col_default_width)

Here is an example of creating a Sudoku cell using a table layout. We will recreate this cell:

- - -
3 5 -
9 - 4

- <SudokuLabel@Label>:
    text: -
    size_hint: none, none
    size: 1, 1
    halign: center
    valign: middle

- Layout:
    mode: table
    orientation: lr-tb
    border: true
    auto_scale: true, true

    cols: 3
    col_default_width: 7
    force_default_col_width: true
    row_default_height: 3
    force_default_row_height: true

    - SudokuLabel:
    - SudokuLabel:
    - SudokuLabel:
    - SudokuLabel:
        text: 3
    - SudokuLabel:
        text: 5
    - SudokuLabel:
    - SudokuLabel:
        text: 9
    - SudokuLabel:
    - SudokuLabel:
        text: 4

Continue

The general tutorial continues with: EzLang Float mode layouts.