bevy_vista 0.17.0

A visual UI editor plugin for Bevy with inspector-driven editing and .vista.ron serialization.
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

use super::*;
use bevy::app::PostUpdate;
use bevy::prelude::{Handle, Image};
use bevy_vista_macros::ShowInInspector;

pub struct ImageWidgetPlugin;

impl Plugin for ImageWidgetPlugin {
    fn build(&self, app: &mut App) {
        app.add_systems(PostUpdate, sync_image_widgets);
    }
}

#[derive(Widget, Reflect, Component, Clone, Default, Debug, ShowInInspector)]
#[widget("common/image")]
#[builder(ImageBuilder)]
pub struct ImageWidget {
    #[property(hidden)]
    pub image: Option<Handle<Image>>,
    #[property(label = "Color")]
    pub color: Color,
}

#[derive(Debug, Clone)]
pub struct ImageBuilder {
    widget: ImageWidget,
    width: Val,
    height: Val,
}

impl Default for ImageBuilder {
    fn default() -> Self {
        Self::new()
    }
}

impl ImageBuilder {
    pub fn new() -> Self {
        Self {
            widget: ImageWidget {
                image: None,
                color: Color::WHITE,
            },
            width: Val::Px(48.0),
            height: Val::Px(48.0),
        }
    }

    pub fn image(mut self, image: Handle<Image>) -> Self {
        self.widget.image = Some(image);
        self
    }

    pub fn color(mut self, color: Color) -> Self {
        self.widget.color = color;
        self
    }

    pub fn width(mut self, width: Val) -> Self {
        self.width = width;
        self
    }

    pub fn height(mut self, height: Val) -> Self {
        self.height = height;
        self
    }

    pub fn build(self) -> impl Bundle {
        let widget = self.widget;
        (
            widget.clone(),
            Node {
                width: self.width,
                height: self.height,
                ..default()
            },
            widget.image.map(ImageNode::new).unwrap_or_default(),
            BackgroundColor(widget.color),
        )
    }
}

impl DefaultWidgetBuilder for ImageBuilder {
    fn spawn_default(commands: &mut Commands, _theme: Option<&crate::theme::Theme>) -> Entity {
        commands.spawn(ImageBuilder::new().build()).id()
    }
}

fn sync_image_widgets(
    mut query: Query<(&ImageWidget, &mut ImageNode, &mut BackgroundColor), Changed<ImageWidget>>,
) {
    for (widget, mut image, mut background) in query.iter_mut() {
        image.image = widget.image.clone().unwrap_or_default();
        if background.0 != widget.color {
            background.0 = widget.color;
        }
    }
}