guise/flex/
rowcolumn.rs

1//! `Row` and `Column` — Flutter's primary flex containers.
2
3use gpui::prelude::*;
4use gpui::{div, px, AnyElement, App, IntoElement, Window};
5
6use super::{apply_cross, apply_main, CrossAxisAlignment, MainAxisAlignment, MainAxisSize};
7use crate::devtools::Probed;
8
9/// A horizontal flex container. Flutter's `Row`.
10#[derive(IntoElement)]
11pub struct Row {
12    children: Vec<AnyElement>,
13    main: MainAxisAlignment,
14    cross: CrossAxisAlignment,
15    size: MainAxisSize,
16    gap: f32,
17}
18
19impl Row {
20    pub fn new() -> Self {
21        Row {
22            children: Vec::new(),
23            main: MainAxisAlignment::Start,
24            cross: CrossAxisAlignment::Center,
25            size: MainAxisSize::Max,
26            gap: 0.0,
27        }
28    }
29
30    pub fn main_axis_alignment(mut self, main: MainAxisAlignment) -> Self {
31        self.main = main;
32        self
33    }
34
35    pub fn cross_axis_alignment(mut self, cross: CrossAxisAlignment) -> Self {
36        self.cross = cross;
37        self
38    }
39
40    pub fn main_axis_size(mut self, size: MainAxisSize) -> Self {
41        self.size = size;
42        self
43    }
44
45    /// Convenience spacing between children (Flutter uses `SizedBox`).
46    pub fn gap(mut self, gap: f32) -> Self {
47        self.gap = gap;
48        self
49    }
50}
51
52impl Default for Row {
53    fn default() -> Self {
54        Row::new()
55    }
56}
57
58impl ParentElement for Row {
59    fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
60        self.children.extend(elements);
61    }
62}
63
64impl RenderOnce for Row {
65    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
66        let mut base = div().flex().flex_row();
67        if self.gap > 0.0 {
68            base = base.gap(px(self.gap));
69        }
70        if self.size == MainAxisSize::Max {
71            base = base.w_full();
72        }
73        let base = apply_cross(apply_main(base, self.main), self.cross);
74        base.children(self.children).probe("Row")
75    }
76}
77
78/// A vertical flex container. Flutter's `Column`.
79#[derive(IntoElement)]
80pub struct Column {
81    children: Vec<AnyElement>,
82    main: MainAxisAlignment,
83    cross: CrossAxisAlignment,
84    size: MainAxisSize,
85    gap: f32,
86}
87
88impl Column {
89    pub fn new() -> Self {
90        Column {
91            children: Vec::new(),
92            main: MainAxisAlignment::Start,
93            cross: CrossAxisAlignment::Center,
94            // Min by default (shrink to content) — more predictable than
95            // Flutter's Max inside a scrolling page.
96            size: MainAxisSize::Min,
97            gap: 0.0,
98        }
99    }
100
101    pub fn main_axis_alignment(mut self, main: MainAxisAlignment) -> Self {
102        self.main = main;
103        self
104    }
105
106    pub fn cross_axis_alignment(mut self, cross: CrossAxisAlignment) -> Self {
107        self.cross = cross;
108        self
109    }
110
111    pub fn main_axis_size(mut self, size: MainAxisSize) -> Self {
112        self.size = size;
113        self
114    }
115
116    pub fn gap(mut self, gap: f32) -> Self {
117        self.gap = gap;
118        self
119    }
120}
121
122impl Default for Column {
123    fn default() -> Self {
124        Column::new()
125    }
126}
127
128impl ParentElement for Column {
129    fn extend(&mut self, elements: impl IntoIterator<Item = AnyElement>) {
130        self.children.extend(elements);
131    }
132}
133
134impl RenderOnce for Column {
135    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
136        let mut base = div().flex().flex_col();
137        if self.gap > 0.0 {
138            base = base.gap(px(self.gap));
139        }
140        if self.size == MainAxisSize::Max {
141            base = base.h_full();
142        }
143        let base = apply_cross(apply_main(base, self.main), self.cross);
144        base.children(self.children).probe("Column")
145    }
146}
guise/flex/rowcolumn.rs

guise/flex/
rowcolumn.rs
