bevy_ui_style_builder

Experimental Bevy UI helper extension methods.

Usage

Add the dependency to your project:

cargo add bevy_ui_style_builder

Then the following example draws a red rectangle in the middle of the window:

use bevy::prelude::*;
use bevy_ui_style_builder::prelude::*;

fn spawn_example(
    mut commands: Commands,
) {
    commands.spawn(Camera2dBundle::default());
    commands.spawn(node()
        .width(Val::Percent(100.0))
        .height(Val::Percent(100.0))
        .justify_content_center()
        .align_items_center()
    ).with_children(|builder| {
        builder.spawn(node()
            .width(Val::Px(150.0))
            .height(Val::Px(100.0))
            .color(Color::RED)
        );
    });
}

fn main() {
    App::new()
        .add_plugins(DefaultPlugins)
        .add_startup_system(spawn_example)
        .run();
}

There is a larger example based on Bevy's UI example in the examples folder. You can run it with:

cargo run --example ui.rs