bevy_easy_ui 0.1.1

A declarative, fluent builder-pattern abstraction layer on top of Bevy's UI system and Bevy UI Text Input.
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
84
85
86
87
88
89
90
91
92
93
94

use bevy::prelude::*;
use bevy_easy_ui::prelude::*;

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

fn hover_in(hover_in: On<Pointer<Over>>, mut commands: Commands) {
  commands
    .entity(hover_in.entity)
    .insert(BackgroundColor(BLUE.into()));
}

fn hover_out(hover_out: On<Pointer<Out>>, mut commands: Commands) {
  commands
    .entity(hover_out.entity)
    .insert(BackgroundColor(DARK_GRAY.into()));
}

fn click(click: On<Pointer<Click>>, mut commands: Commands) {
  commands
    .entity(click.entity)
    .insert(BackgroundColor(RED.into()));
}

fn setup(mut commands: Commands) {
  commands.spawn(Camera2d);

  EasyVerticalLayout::new()
    .with_z_index(0)
    .with_width(percent(100.))
    .with_height(percent(100.))
    .with_justify_content(JustifyContent::Center)
    .with_align_items(AlignItems::Center)
    .with_row_gap(px(20.))
    .with_child(
      EasyButton::new()
        .with_z_index(1)
        .with_background_color(DARK_GRAY.into())
        .with_border_color(WHITE.into())
        .with_border(px(2.), px(8.))
        .with_padding_y(px(10.))
        .with_padding_x(px(24.))
        .with_observer(hover_in)
        .with_observer(hover_out)
        .with_observer(click)
        .with_child(
          EasyLabel::new("Click me!")
            .with_z_index(2)
            .with_color(WHITE.into())
            .with_font_size(24.),
        ),
    )
    .with_child(
      EasyButton::new()
        .with_z_index(1)
        .with_background_color(DARK_GRAY.into())
        .with_border_color(WHITE.into())
        .with_border(px(2.), px(8.))
        .with_padding_y(px(10.))
        .with_padding_x(px(24.))
        .with_observer(hover_in)
        .with_observer(hover_out)
        .with_observer(click)
        .with_child(
          EasyLabel::new("Submit")
            .with_z_index(2)
            .with_color(WHITE.into())
            .with_font_size(24.),
        ),
    )
    .with_child(
      EasyButton::new()
        .with_z_index(1)
        .with_background_color(DARK_GRAY.into())
        .with_border_color(WHITE.into())
        .with_border(px(2.), px(8.))
        .with_padding_y(px(10.))
        .with_padding_x(px(24.))
        .with_observer(hover_in)
        .with_observer(hover_out)
        .with_observer(click)
        .with_child(
          EasyLabel::new("Cancel")
            .with_z_index(2)
            .with_color(WHITE.into())
            .with_font_size(24.),
        ),
    )
    .spawn(&mut commands);
}