bevy_vista 0.17.1

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

use super::*;

#[derive(Debug, Reflect, Clone, Copy, PartialEq, Eq, Default)]
pub enum DividerAxis {
    #[default]
    Vertical,
    Horizontal,
}

#[derive(Component, Reflect, Clone, Widget, ShowInInspector)]
#[widget("layout/divider", children = "exact(0)")]
#[builder(DividerBuilder)]
pub struct Divider {
    #[property(label = "Axis")]
    pub axis: DividerAxis,
    #[property(label = "Thickness")]
    pub thickness: Val,
    #[property(label = "Color")]
    pub color: Option<Color>,
    #[property(label = "Hover Color")]
    pub hover_color: Option<Color>,
}

impl Default for Divider {
    fn default() -> Self {
        Self {
            axis: DividerAxis::Vertical,
            thickness: Val::Px(2.0),
            color: None,
            hover_color: None,
        }
    }
}

#[derive(Clone)]
pub struct DividerBuilder {
    divider: Divider,
}

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

impl DividerBuilder {
    pub fn new() -> Self {
        Self {
            divider: Divider::default(),
        }
    }

    pub fn axis(mut self, axis: DividerAxis) -> Self {
        self.divider.axis = axis;
        self
    }

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

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

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

    pub fn build(self, theme: Option<&Theme>) -> impl Bundle {
        let divider = self.divider;
        let base_color = resolve_divider_color(theme, &divider);

        let node = match divider.axis {
            DividerAxis::Vertical => Node {
                width: divider.thickness,
                height: Val::Percent(100.),
                flex_grow: 0.0,
                flex_shrink: 0.0,
                ..default()
            },
            DividerAxis::Horizontal => Node {
                width: Val::Percent(100.),
                height: divider.thickness,
                flex_grow: 0.0,
                flex_shrink: 0.0,
                ..default()
            },
        };

        (node, BackgroundColor(base_color), divider)
    }
}

impl DefaultWidgetBuilder for DividerBuilder {
    fn spawn_default(
        commands: &mut Commands,
        theme: Option<&crate::core::theme::Theme>,
    ) -> WidgetSpawnResult {
        commands
            .spawn(DividerBuilder::new().build(theme))
            .id()
            .into()
    }
}

pub fn resolve_divider_color(theme: Option<&Theme>, divider: &Divider) -> Color {
    divider
        .color
        .or_else(|| theme.map(|t| t.palette.outline_variant))
        .unwrap_or(Color::srgb(0.3, 0.3, 0.3))
}

pub fn resolve_divider_hover_color(theme: Option<&Theme>, divider: &Divider) -> Color {
    divider
        .hover_color
        .or_else(|| theme.map(|t| t.palette.primary.with_alpha(0.75)))
        .unwrap_or(Color::srgb(0.45, 0.45, 0.45))
}