2023-01-06 01:39:09 +01:00
|
|
|
// Copyright 2022 System76 <info@system76.com>
|
|
|
|
|
// SPDX-License-Identifier: MPL-2.0
|
|
|
|
|
|
2023-01-09 16:18:02 +01:00
|
|
|
//! Implementation details for the horizontal layout of a segmented button.
|
|
|
|
|
|
2024-02-23 16:05:55 +01:00
|
|
|
use super::model::{Model, Selectable};
|
2023-01-03 19:35:34 +01:00
|
|
|
use super::style::StyleSheet;
|
2024-02-23 16:05:55 +01:00
|
|
|
use super::widget::{ItemBounds, LocalState, SegmentedButton, SegmentedVariant};
|
2023-01-04 05:37:20 +01:00
|
|
|
|
|
|
|
|
use iced::{Length, Rectangle, Size};
|
2023-05-30 12:03:15 -04:00
|
|
|
use iced_core::layout;
|
2024-01-24 17:32:50 +01:00
|
|
|
use iced_core::text::Renderer;
|
2023-01-03 19:35:34 +01:00
|
|
|
|
2023-01-09 16:18:02 +01:00
|
|
|
/// Horizontal [`SegmentedButton`].
|
2023-09-01 07:29:19 +02:00
|
|
|
pub type HorizontalSegmentedButton<'a, SelectionMode, Message> =
|
|
|
|
|
SegmentedButton<'a, Horizontal, SelectionMode, Message>;
|
2023-01-09 16:18:02 +01:00
|
|
|
|
2023-01-04 05:37:20 +01:00
|
|
|
/// A type marker defining the horizontal variant of a [`SegmentedButton`].
|
|
|
|
|
pub struct Horizontal;
|
2023-01-03 19:35:34 +01:00
|
|
|
|
2023-01-17 18:49:40 +01:00
|
|
|
/// Horizontal implementation of the [`SegmentedButton`].
|
|
|
|
|
///
|
|
|
|
|
/// For details on the model, see the [`segmented_button`](super) module for more details.
|
2023-09-01 07:29:19 +02:00
|
|
|
pub fn horizontal<SelectionMode: Default, Message>(
|
2023-01-17 18:49:40 +01:00
|
|
|
model: &Model<SelectionMode>,
|
2023-09-01 07:29:19 +02:00
|
|
|
) -> SegmentedButton<Horizontal, SelectionMode, Message>
|
2023-01-03 19:35:34 +01:00
|
|
|
where
|
2023-01-17 18:49:40 +01:00
|
|
|
Model<SelectionMode>: Selectable,
|
2023-01-03 19:35:34 +01:00
|
|
|
{
|
2023-01-09 16:18:02 +01:00
|
|
|
SegmentedButton::new(model)
|
2023-01-03 19:35:34 +01:00
|
|
|
}
|
|
|
|
|
|
2023-09-01 07:29:19 +02:00
|
|
|
impl<'a, SelectionMode, Message> SegmentedVariant
|
|
|
|
|
for SegmentedButton<'a, Horizontal, SelectionMode, Message>
|
2023-01-03 19:35:34 +01:00
|
|
|
where
|
2023-01-17 18:49:40 +01:00
|
|
|
Model<SelectionMode>: Selectable,
|
|
|
|
|
SelectionMode: Default,
|
2023-01-03 19:35:34 +01:00
|
|
|
{
|
2023-01-04 05:37:20 +01:00
|
|
|
fn variant_appearance(
|
2023-09-01 07:29:19 +02:00
|
|
|
theme: &crate::Theme,
|
|
|
|
|
style: &crate::theme::SegmentedButton,
|
2023-01-04 05:37:20 +01:00
|
|
|
) -> super::Appearance {
|
|
|
|
|
theme.horizontal(style)
|
2023-01-03 19:35:34 +01:00
|
|
|
}
|
|
|
|
|
|
2023-01-04 05:37:20 +01:00
|
|
|
#[allow(clippy::cast_precision_loss)]
|
2024-02-23 16:05:55 +01:00
|
|
|
fn variant_bounds<'b>(
|
2024-01-29 09:43:06 -07:00
|
|
|
&'b self,
|
|
|
|
|
state: &'b LocalState,
|
2024-01-23 14:31:37 +01:00
|
|
|
mut bounds: Rectangle,
|
2024-02-23 16:05:55 +01:00
|
|
|
) -> Box<dyn Iterator<Item = ItemBounds> + 'b> {
|
2024-01-23 14:31:37 +01:00
|
|
|
let num = state.buttons_visible;
|
2024-01-24 17:32:50 +01:00
|
|
|
let spacing = f32::from(self.spacing);
|
|
|
|
|
let mut homogenous_width = 0.0;
|
2024-01-23 14:31:37 +01:00
|
|
|
|
2024-01-24 17:32:50 +01:00
|
|
|
if Length::Shrink != self.width || state.collapsed {
|
2024-01-26 20:30:23 +01:00
|
|
|
let mut width_offset = 0.0;
|
2024-01-24 17:32:50 +01:00
|
|
|
if state.collapsed {
|
2024-01-26 20:30:23 +01:00
|
|
|
bounds.x += f32::from(self.button_height);
|
|
|
|
|
width_offset = f32::from(self.button_height) * 2.0;
|
2023-01-03 19:35:34 +01:00
|
|
|
}
|
2024-01-24 17:32:50 +01:00
|
|
|
|
2024-01-26 20:30:23 +01:00
|
|
|
homogenous_width = ((num as f32).mul_add(-spacing, bounds.width - width_offset)
|
|
|
|
|
+ spacing)
|
|
|
|
|
/ num as f32;
|
2023-01-03 19:35:34 +01:00
|
|
|
}
|
|
|
|
|
|
2024-02-26 16:26:33 +01:00
|
|
|
let segmetned_control = matches!(self.style, crate::theme::SegmentedButton::Control);
|
2024-02-23 16:05:55 +01:00
|
|
|
|
2024-01-29 09:43:06 -07:00
|
|
|
Box::new(
|
|
|
|
|
self.model
|
|
|
|
|
.order
|
|
|
|
|
.iter()
|
|
|
|
|
.copied()
|
|
|
|
|
.enumerate()
|
|
|
|
|
.skip(state.buttons_offset)
|
|
|
|
|
.take(state.buttons_visible)
|
2024-02-23 16:05:55 +01:00
|
|
|
.flat_map(move |(nth, key)| {
|
|
|
|
|
let mut layout_bounds = bounds;
|
|
|
|
|
|
|
|
|
|
let layout_size = &state.internal_layout[nth].0;
|
2024-01-24 17:32:50 +01:00
|
|
|
|
2024-01-29 09:43:06 -07:00
|
|
|
if !state.collapsed && Length::Shrink == self.width {
|
2024-02-23 16:05:55 +01:00
|
|
|
layout_bounds.width = layout_size.width;
|
2024-01-29 09:43:06 -07:00
|
|
|
} else {
|
2024-02-23 16:05:55 +01:00
|
|
|
layout_bounds.width = homogenous_width;
|
2024-01-29 09:43:06 -07:00
|
|
|
}
|
2024-01-24 17:32:50 +01:00
|
|
|
|
2024-02-23 16:05:55 +01:00
|
|
|
bounds.x += layout_bounds.width + spacing;
|
|
|
|
|
|
|
|
|
|
let button_bounds = ItemBounds::Button(key, layout_bounds);
|
|
|
|
|
let mut divider = None;
|
|
|
|
|
|
2024-02-26 16:26:33 +01:00
|
|
|
if self.dividers && segmetned_control && nth + 1 < num {
|
2024-09-11 14:29:36 -06:00
|
|
|
divider = Some(ItemBounds::Divider(
|
|
|
|
|
Rectangle {
|
|
|
|
|
width: 1.0,
|
|
|
|
|
..bounds
|
|
|
|
|
},
|
|
|
|
|
true,
|
|
|
|
|
));
|
2024-02-23 16:05:55 +01:00
|
|
|
|
|
|
|
|
bounds.x += 1.0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
std::iter::once(button_bounds).chain(divider)
|
2024-01-29 09:43:06 -07:00
|
|
|
}),
|
|
|
|
|
)
|
2023-01-03 19:35:34 +01:00
|
|
|
}
|
|
|
|
|
|
2023-01-04 05:37:20 +01:00
|
|
|
#[allow(clippy::cast_precision_loss)]
|
|
|
|
|
#[allow(clippy::cast_possible_truncation)]
|
|
|
|
|
#[allow(clippy::cast_sign_loss)]
|
2023-11-30 14:01:42 -05:00
|
|
|
fn variant_layout(
|
|
|
|
|
&self,
|
|
|
|
|
state: &mut LocalState,
|
|
|
|
|
renderer: &crate::Renderer,
|
|
|
|
|
limits: &layout::Limits,
|
2024-02-23 16:05:55 +01:00
|
|
|
) -> Size {
|
|
|
|
|
state.internal_layout.clear();
|
2024-01-24 17:32:50 +01:00
|
|
|
let num = self.model.order.len();
|
|
|
|
|
let spacing = f32::from(self.spacing);
|
2024-03-08 03:22:13 +01:00
|
|
|
let size;
|
2023-01-04 05:37:20 +01:00
|
|
|
|
2024-03-08 14:15:12 +01:00
|
|
|
let mut reduce_button_offset = false;
|
2024-01-24 17:32:50 +01:00
|
|
|
if state.known_length != num {
|
|
|
|
|
if state.known_length > num {
|
|
|
|
|
state.buttons_offset -= state.buttons_offset.min(state.known_length - num);
|
|
|
|
|
} else {
|
2024-03-08 14:15:12 +01:00
|
|
|
reduce_button_offset = true;
|
2024-01-24 17:32:50 +01:00
|
|
|
}
|
2023-01-04 05:37:20 +01:00
|
|
|
|
2024-01-24 17:32:50 +01:00
|
|
|
state.known_length = num;
|
2023-01-03 19:35:34 +01:00
|
|
|
}
|
|
|
|
|
|
2024-01-24 17:32:50 +01:00
|
|
|
if let Length::Shrink = self.width {
|
|
|
|
|
// Buttons will be rendered at their smallest widths possible.
|
2024-02-23 16:05:55 +01:00
|
|
|
let max_height = self.max_button_dimensions(state, renderer).1;
|
2024-01-24 17:32:50 +01:00
|
|
|
|
|
|
|
|
// Get the max available width for placing buttons into.
|
2024-02-23 16:05:55 +01:00
|
|
|
let max_size = limits.height(Length::Fixed(max_height)).resolve(
|
2024-01-30 22:14:00 -05:00
|
|
|
Length::Fill,
|
2024-02-23 16:05:55 +01:00
|
|
|
max_height,
|
|
|
|
|
Size::new(f32::MAX, max_height),
|
2024-01-30 22:14:00 -05:00
|
|
|
);
|
2024-01-24 17:32:50 +01:00
|
|
|
|
2024-02-23 16:05:55 +01:00
|
|
|
let mut visible_width = 0.0;
|
2024-01-24 17:32:50 +01:00
|
|
|
state.buttons_visible = 0;
|
|
|
|
|
|
2024-02-23 16:05:55 +01:00
|
|
|
for (button_size, _actual_size) in &state.internal_layout {
|
2024-01-24 17:32:50 +01:00
|
|
|
visible_width += button_size.width;
|
|
|
|
|
|
|
|
|
|
if max_size.width >= visible_width {
|
|
|
|
|
state.buttons_visible += 1;
|
|
|
|
|
} else {
|
2024-03-08 14:38:28 +01:00
|
|
|
visible_width = max_size.width - max_height;
|
2024-01-24 17:32:50 +01:00
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
visible_width += spacing;
|
|
|
|
|
}
|
|
|
|
|
|
2024-02-23 16:05:55 +01:00
|
|
|
visible_width -= spacing;
|
|
|
|
|
|
2024-01-24 17:32:50 +01:00
|
|
|
state.collapsed = num > 1 && state.buttons_visible != num;
|
|
|
|
|
|
|
|
|
|
size = limits
|
2024-02-23 16:05:55 +01:00
|
|
|
.height(Length::Fixed(max_height))
|
2024-03-08 03:22:13 +01:00
|
|
|
.min_width(visible_width)
|
|
|
|
|
.min();
|
2024-01-24 17:32:50 +01:00
|
|
|
} else {
|
|
|
|
|
// Buttons will be rendered with equal widths.
|
|
|
|
|
state.buttons_visible = self.model.items.len();
|
2024-02-23 16:05:55 +01:00
|
|
|
|
|
|
|
|
let mut width = 0.0f32;
|
|
|
|
|
let font = renderer.default_font();
|
|
|
|
|
|
|
|
|
|
for key in self.model.order.iter().copied() {
|
|
|
|
|
let (button_width, button_height) = self.button_dimensions(state, font, key);
|
|
|
|
|
|
|
|
|
|
state.internal_layout.push((
|
|
|
|
|
Size::new(button_width, button_height),
|
|
|
|
|
Size::new(
|
|
|
|
|
button_width
|
|
|
|
|
- f32::from(self.button_padding[0])
|
|
|
|
|
- f32::from(self.button_padding[2]),
|
|
|
|
|
button_height,
|
|
|
|
|
),
|
|
|
|
|
));
|
|
|
|
|
|
|
|
|
|
width = width.max(button_width);
|
|
|
|
|
}
|
|
|
|
|
|
2024-03-08 03:22:13 +01:00
|
|
|
let height = f32::from(self.button_height);
|
2024-01-24 17:32:50 +01:00
|
|
|
|
2024-03-08 03:22:13 +01:00
|
|
|
size = limits.height(Length::Fixed(height)).max();
|
2024-01-24 17:32:50 +01:00
|
|
|
|
|
|
|
|
let actual_width = size.width as usize;
|
|
|
|
|
let minimum_width = state.buttons_visible * self.minimum_button_width as usize;
|
|
|
|
|
state.collapsed = actual_width < minimum_width;
|
|
|
|
|
|
|
|
|
|
if state.collapsed {
|
|
|
|
|
state.buttons_visible =
|
|
|
|
|
(actual_width / self.minimum_button_width as usize).min(state.buttons_visible);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-01-23 14:31:37 +01:00
|
|
|
|
2024-01-24 17:32:50 +01:00
|
|
|
if !state.collapsed {
|
|
|
|
|
state.buttons_offset = 0;
|
2024-03-08 14:15:12 +01:00
|
|
|
} else if reduce_button_offset {
|
|
|
|
|
state.buttons_offset = num - state.buttons_visible;
|
2024-01-23 14:31:37 +01:00
|
|
|
}
|
|
|
|
|
|
2024-02-23 16:05:55 +01:00
|
|
|
size
|
2023-01-03 19:35:34 +01:00
|
|
|
}
|
|
|
|
|
}
|