cushy/src/widgets/wrap.rs
2023-12-14 17:30:40 -08:00

233 lines
8.3 KiB
Rust

//! A widget for laying out multiple widgets in a similar fashion as how words
//! are wrapped in a paragraph.
use intentional::Cast;
use kludgine::figures::units::{Px, UPx};
use kludgine::figures::{IntoSigned, IntoUnsigned, Point, Rect, ScreenScale, Size, Zero};
use crate::context::{AsEventContext, GraphicsContext, LayoutContext};
use crate::styles::components::{IntrinsicPadding, LayoutOrder};
use crate::styles::{FlexibleDimension, HorizontalOrder};
use crate::value::{IntoValue, Value};
use crate::widget::{Children, MountedChildren, Widget};
use crate::ConstraintLimit;
/// A widget that lays its children out horizontally, wrapping into multiple
/// rows when the widgets can't fit.
///
/// This widget is designed to mimic how text layout occurs for words within a
/// paragraph.
#[derive(Debug)]
pub struct Wrap {
/// The children to wrap.
pub children: Value<Children>,
/// The horizontal alignment for widgets on the same row.
pub align: Value<WrapAlign>,
/// The vertical alignment for widgets on the same row.
pub vertical_align: Value<VerticalAlign>,
/// The spacing to place between widgets. When [`FlexibleDimension::Auto`]
/// is set, [`IntrinsicPadding`] will be used.
pub spacing: Value<Size<FlexibleDimension>>,
mounted: MountedChildren,
}
impl Wrap {
/// Returns a new widget that wraps `children`.
#[must_use]
pub fn new(children: impl IntoValue<Children>) -> Self {
Self {
children: children.into_value(),
align: Value::default(),
vertical_align: Value::default(),
spacing: Value::Constant(Size::squared(FlexibleDimension::Auto)),
mounted: MountedChildren::default(),
}
}
/// Sets the spacing between widgets and returns self.
#[must_use]
pub fn spacing(mut self, spacing: impl IntoValue<Size<FlexibleDimension>>) -> Self {
self.spacing = spacing.into_value();
self
}
/// Sets the horizontal alignment and returns self.
#[must_use]
pub fn align(mut self, align: impl IntoValue<WrapAlign>) -> Self {
self.align = align.into_value();
self
}
/// Sets the vertical alignment and returns self.
#[must_use]
pub fn vertical_align(mut self, align: impl IntoValue<VerticalAlign>) -> Self {
self.vertical_align = align.into_value();
self
}
}
impl Widget for Wrap {
fn redraw(&mut self, context: &mut GraphicsContext<'_, '_, '_, '_, '_>) {
for child in self.mounted.children() {
context.for_other(child).redraw();
}
}
fn layout(
&mut self,
available_space: Size<ConstraintLimit>,
context: &mut LayoutContext<'_, '_, '_, '_, '_>,
) -> Size<UPx> {
struct RowChild {
index: usize,
x: Px,
size: Size<Px>,
}
let order = context.get(&LayoutOrder).horizontal;
self.children.invalidate_when_changed(context);
let align = self.align.get_tracking_invalidate(context);
let vertical_align = self.vertical_align.get_tracking_invalidate(context);
let spacing = self
.spacing
.get_tracking_invalidate(context)
.map(|dimension| match dimension {
FlexibleDimension::Auto => context.get(&IntrinsicPadding),
FlexibleDimension::Dimension(dimension) => dimension,
})
.into_px(context.gfx.scale());
self.mounted
.synchronize_with(&self.children, &mut context.as_event_context());
let mut y = Px::ZERO;
let mut row_children = Vec::new();
let mut index = 0;
let width = available_space.width.max().into_signed();
let child_constraints =
available_space.map(|limit| ConstraintLimit::SizeToFit(limit.max()));
while index < self.mounted.children().len() {
if y != Px::ZERO {
y += spacing.height;
}
// Find all children that can fit on this next row.
let mut x = Px::ZERO;
let mut max_height = Px::ZERO;
while let Some(child) = self.mounted.children().get(index) {
let child_size = context
.for_other(child)
.layout(child_constraints)
.into_signed();
max_height = max_height.max(child_size.height);
let child_x = if x.is_zero() {
x
} else {
x.saturating_add(spacing.width)
};
let after_child = child_x.saturating_add(child_size.width);
if x > 0 && after_child > width {
break;
}
row_children.push(RowChild {
index,
x: child_x,
size: child_size,
});
x = after_child;
index += 1;
}
// Calculate the horizontal alignment.
let remaining = (width - x).max(Px::ZERO);
let (x, space_between) = if remaining > 0 {
match (align, order) {
(WrapAlign::Start, HorizontalOrder::LeftToRight)
| (WrapAlign::End, HorizontalOrder::RightToLeft) => (Px::ZERO, Px::ZERO),
(WrapAlign::End, HorizontalOrder::LeftToRight)
| (WrapAlign::Start, HorizontalOrder::RightToLeft) => (remaining, Px::ZERO),
(WrapAlign::Center, _) => (remaining / 2, Px::ZERO),
(WrapAlign::SpaceBetween, _) => {
if row_children.len() > 1 {
(Px::ZERO, remaining / (row_children.len() - 1).cast::<i32>())
} else {
(Px::ZERO, Px::ZERO)
}
}
(WrapAlign::SpaceEvenly, _) => {
let spacing = remaining / row_children.len().cast::<i32>();
(spacing / 2, spacing)
}
(WrapAlign::SpaceAround, _) => {
let spacing = remaining / (row_children.len() + 1).cast::<i32>();
(spacing, spacing)
}
}
} else {
(Px::ZERO, Px::ZERO)
};
// Position the children
let mut additional_x = x;
for (child_index, child) in row_children.drain(..).enumerate() {
if child_index > 0 {
additional_x += space_between;
}
let child_x = additional_x + child.x;
let child_y = y + match vertical_align {
VerticalAlign::Top => Px::ZERO,
VerticalAlign::Middle => (max_height - child.size.height) / 2,
VerticalAlign::Bottom => max_height - child.size.height,
};
context.set_child_layout(
&self.mounted.children()[child.index],
Rect::new(Point::new(child_x, child_y), child.size),
);
}
y += max_height;
}
Size::new(width, y).into_unsigned()
}
}
/// The horizontal alignment to apply to widgets inside of a [`Wrap`].
#[derive(Default, Debug, Clone, Copy, Eq, PartialEq)]
pub enum WrapAlign {
/// Position the widgets at the start of the line, honoring [`LayoutOrder`].
#[default]
Start,
/// Position the widgets at the end of the line, honoring [`LayoutOrder`].
End,
/// Position the widgets centered on the line.
Center,
/// Position the widgets evenly along the line with no space before the
/// first widget or after the last widget.
SpaceBetween,
/// Position the widgets evenly along the line with half of the amount of
/// spacing used between the widgets placed at the start and end of the
/// line.
SpaceEvenly,
/// Position the widgets evenly along the line with an equal amount of
/// spacing used between the widgets placed at the start and end of the
/// line.
SpaceAround,
}
/// Alignment along the vertical axis.
#[derive(Default, Debug, Clone, Copy, Eq, PartialEq)]
pub enum VerticalAlign {
/// Align towards the top.
Top,
/// Align towards the middle/center.
Middle,
/// Align towards the bottom.
#[default]
Bottom,
}