bevy_pages 0.3.2

A lightweight and elegant framework to upgrade your Bevy UI experience.
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

use bevy::DefaultPlugins;
use bevy::app::{App, Startup};
use bevy::asset::AssetServer;
use bevy::camera::{Camera, Camera2d};
use bevy::prelude::{Commands, On, Query, Res, ResMut, Single, Transform};
use bevy_pages::PagesPlugin;
use bevy_pages::events::{ElementClick, ElementSet, ElementToggle};
use bevy_pages::page::Page;
use bevy_pages::props::Properties;
use bevy_pages::spawner::PageSpawner;
use bevy_pages::widgets::progress_bar::ProgressBarProps;
use bevy_pages::widgets::text::TextProps;

fn main() {
    App::new()
        .add_plugins((DefaultPlugins, PagesPlugin::default()))
        .add_systems(Startup, setup)
        .add_observer(counter)
        .add_observer(checkbox)
        .add_observer(slider)
        .add_observer(switch)
        .run();
}

fn setup(mut commands: Commands, assets: Res<AssetServer>, mut spawner: ResMut<PageSpawner>) {
    commands.spawn((Camera2d::default(), Camera::default(), Transform::default()));
    let handle = assets.load("showcase.xml");

    spawner.spawn(handle);
}

fn counter(click: On<ElementClick>, page: Res<Page>, mut query: Query<&mut Properties<TextProps>>) {
    let counter_entity = page.get("counter");
    let mut props = query.get_mut(counter_entity).unwrap();
    let counter = props.default.content.parse::<i32>().unwrap();

    if click.matches_id("increment") {
        props.mutate(|props| props.content = (counter + 1).to_string());
    }

    if click.matches_id("decrement") {
        props.mutate(|props| props.content = (counter - 1).to_string());
    }
}

fn checkbox(
    toggle: On<ElementToggle>,
    page: Res<Page>,
    mut query: Query<&mut Properties<TextProps>>,
) {
    let entity = page.get("checkbox-text");
    let mut text = query.get_mut(entity).unwrap();

    if toggle.matches_id("checkbox") {
        text.mutate(|props| {
            props.content = if toggle.state {
                "Checked".to_string()
            } else {
                "Not Checked".to_string()
            }
        });
    }
}

fn switch(
    toggle: On<ElementToggle>,
    page: Res<Page>,
    mut query: Query<&mut Properties<TextProps>>,
) {
    let entity = page.get("switch-text");
    let mut text = query.get_mut(entity).unwrap();

    if toggle.matches_id("switch") {
        text.mutate(|props| {
            props.content = if toggle.state {
                "Toggled".to_string()
            } else {
                "Not Toggled".to_string()
            }
        });
    }
}

fn slider(set: On<ElementSet<f32>>, mut progress: Single<&mut Properties<ProgressBarProps>>) {
    if set.matches_id("slider") {
        progress.mutate(|props| props.value = set.value);
    }
}