bevy_pages 0.4.1

Upgrade your Bevy UI experience with XML and an extended widget collection.
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

use bevy::DefaultPlugins;
use bevy::app::{App, PluginGroup, Startup};
use bevy::asset::{AssetPlugin, 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::manager::PageManager;
use bevy_pages::props::Properties;
use bevy_pages::widgets::notifier::NotifyMessage;
use bevy_pages::widgets::progress_bar::ProgressBarProps;
use bevy_pages::widgets::text::TextProps;

fn main() {
    App::new()
        .add_plugins((
            DefaultPlugins.set(AssetPlugin {
                watch_for_changes_override: Some(cfg!(feature = "hot-reload")),
                ..Default::default()
            }),
            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 manager: ResMut<PageManager>) {
    commands.spawn((Camera2d::default(), Camera::default(), Transform::default()));
    let handle = assets.load("showcase.xml");

    manager.spawn("showcase", handle);
    manager.set_active("showcase", true);
}

fn counter(
    click: On<ElementClick>,
    mut commands: Commands,
    manager: Res<PageManager>,
    mut query: Query<&mut Properties<TextProps>>,
) {
    if let Some(page) = manager.get("showcase") {
        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") {
            commands.write_message(NotifyMessage::new(format!(
                "Counter set to {}",
                counter + 1
            )));

            props.mutate(|props| props.content = (counter + 1).to_string());
        }

        if click.matches_id("decrement") {
            commands.write_message(NotifyMessage::new(format!(
                "Counter set to {}",
                counter - 1
            )));

            props.mutate(|props| props.content = (counter - 1).to_string());
        }
    }
}

fn checkbox(
    toggle: On<ElementToggle>,
    manager: Res<PageManager>,
    mut query: Query<&mut Properties<TextProps>>,
) {
    if let Some(page) = manager.get("showcase") {
        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>,
    manager: Res<PageManager>,
    mut query: Query<&mut Properties<TextProps>>,
) {
    if let Some(page) = manager.get("showcase") {
        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);
    }
}