Struct MaterialLayoutGrid 

pub struct MaterialLayoutGrid<'a> { /* private fields */ }

Material Design layout grid component.

Layout grids provide structure and organize content across multiple screen sizes. They help create consistent layouts following Material Design principles.

let grid = MaterialLayoutGrid::new()
    .columns(12)
    .gutter(16.0)
    .margin(24.0)
    .cell(4, |ui| { ui.label("Column 1-4"); })
    .cell(4, |ui| { ui.label("Column 5-8"); })
    .cell(4, |ui| { ui.label("Column 9-12"); });

ui.add(grid);

Implementations

impl<'a> MaterialLayoutGrid<'a>

pub fn new() -> Self

Create a new layout grid.

pub fn columns(self, columns: usize) -> Self

Set the number of columns.

pub fn gutter(self, gutter: f32) -> Self

Set the gutter size (space between columns).

pub fn margin(self, margin: f32) -> Self

Set the margin (space around the grid).

pub fn max_width(self, max_width: f32) -> Self

Set maximum width of the grid.

pub fn debug_mode(self, debug: bool) -> Self

Enable debug mode to visualize grid structure.

pub fn cell<F>(self, span: usize, content: F) -> Self

where F: FnOnce(&mut Ui) + 'a,

Add a cell that spans the specified number of columns.

pub fn cell_with_offset<F>(self, span: usize, offset: usize, content: F) -> Self

where F: FnOnce(&mut Ui) + 'a,

Add a cell with an offset (empty columns before this cell).

pub fn spacer(self, span: usize) -> Self

Add an empty cell (spacer).

Trait Implementations

impl<'a> Default for MaterialLayoutGrid<'a>

fn default() -> Self

Returns the “default value” for a type.

impl Widget for MaterialLayoutGrid<'_>

fn ui(self, ui: &mut Ui) -> Response

Allocate space, interact, paint, and return a Response.