bevy_material_ui 0.2.7

Material Design 3 UI components for Bevy game engine
Documentation 
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

//! Switch Demo
//!
//! Demonstrates Material Design 3 switches with icons and without.

use bevy::prelude::*;
use bevy_material_ui::prelude::*;

fn main() {
    App::new()
        .add_plugins(DefaultPlugins)
        .add_plugins(MaterialUiPlugin)
        .add_plugins(TelemetryPlugin)
        .add_systems(Startup, setup)
        .run();
}

fn setup(mut commands: Commands, theme: Res<MaterialTheme>, telemetry: Res<TelemetryConfig>) {
    commands.spawn(Camera2d);

    let root_entity = commands
        .spawn((
            Node {
                width: Val::Percent(100.0),
                height: Val::Percent(100.0),
                flex_direction: FlexDirection::Column,
                justify_content: JustifyContent::FlexStart,
                align_items: AlignItems::Center,
                row_gap: Val::Px(16.0),
                padding: UiRect::all(Val::Px(24.0)),
                ..default()
            },
            BackgroundColor(theme.surface),
        ))
        .insert_test_id("switch_demo/root", &telemetry)
        .id();

    let section_entity = commands
        .spawn((
            Node {
                width: Val::Percent(100.0),
                max_width: Val::Px(560.0),
                flex_direction: FlexDirection::Column,
                row_gap: Val::Px(16.0),
                ..default()
            },
            ChildOf(root_entity),
        ))
        .id();

    let col_entity = commands
        .spawn((
            Node {
                flex_direction: FlexDirection::Column,
                row_gap: Val::Px(8.0),
                margin: UiRect::vertical(Val::Px(8.0)),
                ..default()
            },
            ChildOf(section_entity),
        ))
        .insert_test_id("switch_demo/column", &telemetry)
        .id();

    // Match the showcase example.
    let wifi = commands.spawn_switch_with(&theme, SwitchBuilder::new().selected(true), "Wi-Fi");
    commands
        .entity(wifi)
        .insert_test_id("switch_demo/switch/wifi", &telemetry);
    commands.entity(col_entity).add_child(wifi);

    let bluetooth =
        commands.spawn_switch_with(&theme, SwitchBuilder::new().selected(false), "Bluetooth");
    commands
        .entity(bluetooth)
        .insert_test_id("switch_demo/switch/bluetooth", &telemetry);
    commands.entity(col_entity).add_child(bluetooth);

    let dark_mode =
        commands.spawn_switch_with(&theme, SwitchBuilder::new().selected(false), "Dark Mode");
    commands
        .entity(dark_mode)
        .insert_test_id("switch_demo/switch/dark_mode", &telemetry);
    commands.entity(col_entity).add_child(dark_mode);
}