makara 0.2.8

A Bevy UI simplifier that make it easy to build GUI app with bevy 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

use makara::prelude::*;
use bevy::prelude::*;

#[derive(Resource)]
struct ImageUrlList {
    list: Vec<String>,
    current_index: usize
}

impl ImageUrlList {
    pub fn new() -> Self {
        Self {
            list: vec![
                "https://upload.wikimedia.org/wikipedia/en/5/5f/Original_Doge_meme.jpg".to_string(),
                "dog_meme.jpg".to_string(),
                "cat_meme.jpg".to_string()
            ],
            current_index: 0
        }
    }

    pub fn next(&mut self) {
        if self.list.is_empty() {
            return;
        }

        self.current_index = (self.current_index + 1) % self.list.len();
    }

    pub fn get_current_url(&self) -> Option<String> {
        self.list.get(self.current_index).cloned()
    }
}

fn main() {
    App::new()
        .add_plugins(MakaraPlugin::default())
        .insert_resource(ImageUrlList::new())
        .add_systems(Startup, setup)
        .run();
}

fn setup(mut commands: Commands) {
    commands.spawn(
        root_!(
            align_items: AlignItems::Center,
            justify_content: JustifyContent::Center;

            [
                button_!("Change Image"; on: on_button_click),

                image_!(
                    "dog_meme_2.webp",
                    id: "image",
                    width: px(200),
                    margin_top: px(10);

                    on: |_loading: On<Loading>| println!("image is loading");
                    on: |_loaded: On<Loaded>| println!("image is loaded")

                )
            ]
        )
    );
}

fn on_button_click(
    _clicked: On<Clicked>,
    mut image_list: ResMut<ImageUrlList>,
    mut image_q: ImageQuery
) {
    if let Some(mut image) = image_q.find_by_id("image") {
        let new_url = image_list.get_current_url();

        if let Some(url) = new_url {
            image.set_path(url);
            image_list.next();
        }
    }
}