bevy_easy_ui 0.1.0

A declarative, fluent builder-pattern abstraction layer on top of Bevy's UI system.
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

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

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

fn setup(mut commands: Commands, asset_server: Res<AssetServer>) {
  commands.spawn(Camera2d);

  let image = asset_server.load("200.png");

  EasyHorizontalLayout::new()
    .with_z_index(0)
    .with_width(percent(100.))
    .with_height(percent(100.))
    .with_justify_content(JustifyContent::Center)
    .with_align_items(AlignItems::Center)
    .with_column_gap(px(20.))
    .with_padding(px(20.))
    .with_child(
      EasyImage::new()
        .with_image(image.clone())
        .with_width(px(100.))
        .with_height(px(100.))
        .with_border_radius(px(0.), px(0.), px(0.), px(0.)),
    )
    .with_child(
      EasyImage::new()
        .with_image(image.clone())
        .with_width(px(100.))
        .with_height(px(100.))
        .with_border_radius(px(10.), px(10.), px(10.), px(10.)),
    )
    .with_child(
      EasyImage::new()
        .with_image(image.clone())
        .with_width(px(100.))
        .with_height(px(100.))
        .with_border_radius(px(50.), px(50.), px(50.), px(50.)),
    )
    .with_child(
      EasyImage::new()
        .with_image(image)
        .with_width(px(100.))
        .with_height(px(100.))
        .with_border_radius(px(50.), px(10.), px(10.), px(50.)),
    )
    .spawn(&mut commands);
}