egui_taffy 0.7.0

Grid, Flexbox, Block layout support for egui using taffy
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

use egui::{Align, Ui, UiBuilder};
use taffy::prelude::{auto, length};

use crate::{TuiBuilder, TuiBuilderLogic, TuiWidget};

/// Separator that correctly grows in tui environment in both axis
///
/// Determines draw dimension based on parent node taffy::Style flex direction.
#[derive(Default)]
pub struct TaffySeparator {
    separator: egui::Separator,
}

impl egui::Widget for TaffySeparator {
    fn ui(self, ui: &mut Ui) -> egui::Response {
        ui.add(self.separator)
    }
}

impl TuiWidget for TaffySeparator {
    type Response = egui::Response;

    fn taffy_ui(mut self, mut tui: TuiBuilder) -> Self::Response {
        let flex_direction = tui.builder_tui().current_style().flex_direction;

        let stroke = tui
            .builder_tui()
            .egui_ui()
            .visuals()
            .widgets
            .noninteractive
            .bg_stroke;

        let is_horizontal = match flex_direction {
            taffy::FlexDirection::Row => false,
            taffy::FlexDirection::Column => true,
            taffy::FlexDirection::RowReverse => false,
            taffy::FlexDirection::ColumnReverse => true,
        };

        tui = tui.mut_style(|style| {
            style.align_self = Some(taffy::AlignItems::Stretch);
            let default_separator_space_value = 6.; // Taken from egui::ui
            let space = stroke.width.max(default_separator_space_value);

            let size = match is_horizontal {
                true => taffy::Size {
                    height: length(space),
                    width: auto(),
                },
                false => taffy::Size {
                    height: auto(),
                    width: length(space),
                },
            };
            style.min_size = size;
            style.max_size = size;
            style.size = size;
        });

        let layout = match is_horizontal {
            true => {
                self.separator = self.separator.horizontal();
                egui::Layout::top_down(Align::Center)
            }
            false => {
                self.separator = self.separator.vertical();
                egui::Layout::left_to_right(Align::Center)
            }
        };

        let return_values = tui.add_with_background_ui(
            |ui, container| {
                let inner = container.full_container_without_border_and_padding();
                ui.allocate_new_ui(UiBuilder::new().layout(layout).max_rect(inner), |ui| {
                    ui.add(self.separator)
                })
                .inner
            },
            |tui, _| {
                let _ = tui;
            },
        );
        return_values.background
    }
}