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 square in the middle of the screen:

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(JustifyContent::Center)
        .align_items(AlignItems::Center)
    ).with_children(|builder| {
        builder.spawn(
            node()
            .width(Val::Px(100.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