//! Generate messages when content pops in and out of view. use crate::core::layout; use crate::core::mouse; use crate::core::overlay; use crate::core::renderer; use crate::core::text; use crate::core::time::{Duration, Instant}; use crate::core::widget; use crate::core::widget::tree::{self, Tree}; use crate::core::window; use crate::core::{ self, Clipboard, Element, Event, Layout, Length, Pixels, Rectangle, Shell, Size, Vector, Widget, }; /// A widget that can generate messages when its content pops in and out of view. /// /// It can even notify you with anticipation at a given distance! #[allow(missing_debug_implementations)] pub struct Pop<'a, Message, Theme = crate::Theme, Renderer = crate::Renderer> { content: Element<'a, Message, Theme, Renderer>, key: Option>, on_show: Option Message + 'a>>, on_resize: Option Message + 'a>>, on_hide: Option, anticipate: Pixels, delay: Duration, } impl<'a, Message, Theme, Renderer> Pop<'a, Message, Theme, Renderer> where Renderer: core::Renderer, Message: Clone, { /// Creates a new [`Pop`] widget with the given content. pub fn new( content: impl Into>, ) -> Self { Self { content: content.into(), key: None, on_show: None, on_resize: None, on_hide: None, anticipate: Pixels::ZERO, delay: Duration::ZERO, } } /// Sets the message to be produced when the content pops into view. /// /// The closure will receive the [`Size`] of the content in that moment. pub fn on_show(mut self, on_show: impl Fn(Size) -> Message + 'a) -> Self { self.on_show = Some(Box::new(on_show)); self } /// Sets the message to be produced when the content changes [`Size`] once its in view. /// /// The closure will receive the new [`Size`] of the content. pub fn on_resize( mut self, on_resize: impl Fn(Size) -> Message + 'a, ) -> Self { self.on_resize = Some(Box::new(on_resize)); self } /// Sets the message to be produced when the content pops out of view. pub fn on_hide(mut self, on_hide: Message) -> Self { self.on_hide = Some(on_hide); self } /// Sets the key of the [`Pop`] widget, for continuity. /// /// If the key changes, the [`Pop`] widget will trigger again. pub fn key(mut self, key: impl text::IntoFragment<'a>) -> Self { self.key = Some(key.into_fragment()); self } /// Sets the distance in [`Pixels`] to use in anticipation of the /// content popping into view. /// /// This can be quite useful to lazily load items in a long scrollable /// behind the scenes before the user can notice it! pub fn anticipate(mut self, distance: impl Into) -> Self { self.anticipate = distance.into(); self } /// Sets the amount of time to wait before firing an [`on_show`] or /// [`on_hide`] event; after the content is shown or hidden. /// /// When combined with [`key`], this can be useful to debounce key changes. /// /// [`on_show`]: Self::on_show /// [`on_hide`]: Self::on_hide /// [`key`]: Self::key pub fn delay(mut self, delay: impl Into) -> Self { self.delay = delay.into(); self } } #[derive(Debug, Clone, Default)] struct State { has_popped_in: bool, should_notify_at: Option<(bool, Instant)>, last_size: Option, last_key: Option, } impl Widget for Pop<'_, Message, Theme, Renderer> where Message: Clone, Renderer: core::Renderer, { fn tag(&self) -> tree::Tag { tree::Tag::of::() } fn state(&self) -> tree::State { tree::State::new(State::default()) } fn children(&self) -> Vec { vec![Tree::new(&self.content)] } fn diff(&self, tree: &mut Tree) { tree.diff_children(&[&self.content]); } fn update( &mut self, tree: &mut Tree, event: &Event, layout: Layout<'_>, cursor: mouse::Cursor, renderer: &Renderer, clipboard: &mut dyn Clipboard, shell: &mut Shell<'_, Message>, viewport: &Rectangle, ) { if let Event::Window(window::Event::RedrawRequested(now)) = &event { let state = tree.state.downcast_mut::(); if state.has_popped_in && state.last_key.as_deref() != self.key.as_deref() { state.has_popped_in = false; state.should_notify_at = None; state.last_key = self.key.as_ref().cloned().map(text::Fragment::into_owned); } let bounds = layout.bounds(); let top_left_distance = viewport.distance(bounds.position()); let bottom_right_distance = viewport .distance(bounds.position() + Vector::from(bounds.size())); let distance = top_left_distance.min(bottom_right_distance); if state.has_popped_in { if distance <= self.anticipate.0 { if let Some(on_resize) = &self.on_resize { let size = bounds.size(); if Some(size) != state.last_size { state.last_size = Some(size); shell.publish(on_resize(size)); } } } else if self.on_hide.is_some() { state.has_popped_in = false; state.should_notify_at = Some((false, *now + self.delay)); } } else if self.on_show.is_some() && distance <= self.anticipate.0 { let size = bounds.size(); state.has_popped_in = true; state.should_notify_at = Some((true, *now + self.delay)); state.last_size = Some(size); } match &state.should_notify_at { Some((has_popped_in, at)) if at <= now => { if *has_popped_in { if let Some(on_show) = &self.on_show { shell.publish(on_show(layout.bounds().size())); } } else if let Some(on_hide) = &self.on_hide { shell.publish(on_hide.clone()); } state.should_notify_at = None; } Some((_, at)) => { shell.request_redraw_at(*at); } None => {} } } self.content.as_widget_mut().update( &mut tree.children[0], event, layout, cursor, renderer, clipboard, shell, viewport, ); } fn size(&self) -> Size { self.content.as_widget().size() } fn size_hint(&self) -> Size { self.content.as_widget().size_hint() } fn layout( &self, tree: &mut Tree, renderer: &Renderer, limits: &layout::Limits, ) -> layout::Node { self.content .as_widget() .layout(&mut tree.children[0], renderer, limits) } fn draw( &self, tree: &Tree, renderer: &mut Renderer, theme: &Theme, style: &renderer::Style, layout: layout::Layout<'_>, cursor: mouse::Cursor, viewport: &Rectangle, ) { self.content.as_widget().draw( &tree.children[0], renderer, theme, style, layout, cursor, viewport, ); } fn operate( &self, tree: &mut Tree, layout: core::Layout<'_>, renderer: &Renderer, operation: &mut dyn widget::Operation, ) { self.content.as_widget().operate( &mut tree.children[0], layout, renderer, operation, ); } fn mouse_interaction( &self, tree: &Tree, layout: core::Layout<'_>, cursor: mouse::Cursor, viewport: &Rectangle, renderer: &Renderer, ) -> mouse::Interaction { self.content.as_widget().mouse_interaction( &tree.children[0], layout, cursor, viewport, renderer, ) } fn overlay<'b>( &'b mut self, tree: &'b mut Tree, layout: core::Layout<'_>, renderer: &Renderer, translation: core::Vector, ) -> Option> { self.content.as_widget_mut().overlay( &mut tree.children[0], layout, renderer, translation, ) } } impl<'a, Message, Theme, Renderer> From> for Element<'a, Message, Theme, Renderer> where Renderer: core::Renderer + 'a, Theme: 'a, Message: Clone + 'a, { fn from(pop: Pop<'a, Message, Theme, Renderer>) -> Self { Element::new(pop) } }