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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147

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

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

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

  //> Mouse wheel only
  let vertical_scroll = EasyVerticalLayout::new()
    .with_z_index(1)
    .with_background_color(BLACK.into())
    .with_border_color(WHITE.into())
    .with_border(px(2.), px(8.))
    .with_width(px(320.))
    .with_height(px(300.))
    .with_overflow(Overflow::scroll_y())
    .with_scrollbar_width(8.0)
    .with_padding(px(10.))
    .with_row_gap(px(6.))
    .with_align_items(AlignItems::Stretch)
    .with_child(
      EasyLabel::new("Scrollable list")
        .with_z_index(2)
        .with_color(WHITE.into())
        .with_font_size(18.),
    )
    .with_child(
      EasyText::new("Item 1")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 2")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 3")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 4")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 5")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 6")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 7")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 8")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 9")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    )
    .with_child(
      EasyText::new("Item 10")
        .with_color(LIGHT_GRAY.into())
        .with_z_index(2),
    );

  //> CTRL + Mouse wheel
  let horizontal_scroll = EasyHorizontalLayout::new()
    .with_z_index(1)
    .with_background_color(BLACK.into())
    .with_border_color(WHITE.into())
    .with_border(px(2.), px(8.))
    .with_width(px(120.))
    .with_height(px(160.))
    .with_overflow(Overflow::scroll_x())
    .with_padding(px(10.))
    .with_column_gap(px(10.))
    .with_align_items(AlignItems::Center)
    .with_child(
      EasyLabel::new("Item 1")
        .with_z_index(2)
        .with_min_width(px(120.))
        .with_background_color(BLUE.into())
        .with_padding(px(10.))
        .with_flex_shrink(0.0),
    )
    .with_child(
      EasyLabel::new("Item 2")
        .with_z_index(2)
        .with_min_width(px(120.))
        .with_background_color(BLUE.into())
        .with_padding(px(10.))
        .with_flex_shrink(0.0),
    )
    .with_child(
      EasyLabel::new("Item 3")
        .with_z_index(2)
        .with_min_width(px(120.))
        .with_background_color(BLUE.into())
        .with_padding(px(10.))
        .with_flex_shrink(0.0),
    )
    .with_child(
      EasyLabel::new("Item 4")
        .with_z_index(2)
        .with_min_width(px(120.))
        .with_background_color(BLUE.into())
        .with_padding(px(10.))
        .with_flex_shrink(0.0),
    )
    .with_child(
      EasyLabel::new("Item 5")
        .with_z_index(2)
        .with_min_width(px(120.))
        .with_background_color(BLUE.into())
        .with_padding(px(10.))
        .with_flex_shrink(0.0),
    );

  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_padding(px(20.))
    .with_child(vertical_scroll)
    .with_child(horizontal_scroll)
    .spawn(&mut commands);
}