leyoda/iced-yoda
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Add auto_scroll method to scrollable widget

Browse source
This commit is contained in:
Héctor Ramón Jiménez 2025-11-28 06:08:20 +01:00
parent 71e57fe889
commit 519e7ae414
No known key found for this signature in database
GPG key ID: 7CC46565708259A7
4 changed files with 29 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

9
examples/scrollable/src/main.rs
View file

@ -210,7 +210,8 @@ impl ScrollableDemo {
.width(Fill)
.height(Fill)
.id(SCROLLABLE)
.on_scroll(Message::Scrolled),
.on_scroll(Message::Scrolled)
.auto_scroll(true),
Direction::Horizontal => scrollable(
row![
scroll_to_end_button(),
@ -236,7 +237,8 @@ impl ScrollableDemo {
.width(Fill)
.height(Fill)
.id(SCROLLABLE)
.on_scroll(Message::Scrolled),
.on_scroll(Message::Scrolled)
.auto_scroll(true),
Direction::Multi => scrollable(
//horizontal content
row![
@ -283,7 +285,8 @@ impl ScrollableDemo {
.width(Fill)
.height(Fill)
.id(SCROLLABLE)
.on_scroll(Message::Scrolled),
.on_scroll(Message::Scrolled)
.auto_scroll(true),
});
let progress_bars: Element<Message> = match self.scrollable_direction {

3
examples/styling/src/main.rs
View file

@ -131,7 +131,8 @@ impl Styling {
"You did it!"
])
.width(Fill)
.height(Fill);
.height(Fill)
.auto_scroll(true);
let check = checkbox(self.checkbox_value)
.label("Check me!")

5
examples/tour/src/main.rs
View file

@ -174,7 +174,8 @@ impl Tour {
} else {
content
}))
.spacing(10);
.spacing(10)
.auto_scroll(true);
center_y(scrollable).padding(10).into()
}
@ -626,7 +627,7 @@ pub enum Layout {
impl Default for Tour {
fn default() -> Self {
Self {
screen: Screen::Welcome,
screen: Screen::Scrollable,
slider: 50,
layout: Layout::Row,
spacing: 20,

21
widget/src/scrollable.rs
View file

@ -75,6 +75,7 @@ pub struct Scrollable<
width: Length,
height: Length,
direction: Direction,
auto_scroll: bool,
content: Element<'a, Message, Theme, Renderer>,
on_scroll: Option<Box<dyn Fn(Viewport) -> Message + 'a>>,
class: Theme::Class<'a>,
@ -103,6 +104,7 @@ where
width: Length::Shrink,
height: Length::Shrink,
direction: direction.into(),
auto_scroll: false,
content: content.into(),
on_scroll: None,
class: Theme::default(),
@ -225,6 +227,15 @@ where
self
}
/// Sets whether the user should be allowed to auto-scroll the [`Scrollable`]
/// with the middle mouse button.
///
/// By default, it is disabled.
pub fn auto_scroll(mut self, auto_scroll: bool) -> Self {
self.auto_scroll = auto_scroll;
self
}
/// Sets the style of this [`Scrollable`].
#[must_use]
pub fn style(mut self, style: impl Fn(&Theme, Status) -> Style + 'a) -> Self
@ -812,8 +823,10 @@ where
if matches!(state.interaction, Interaction::AutoScrolling { .. })
&& matches!(
event,
Event::Mouse(mouse::Event::ButtonPressed(_))
| Event::Touch(_)
Event::Mouse(
mouse::Event::ButtonPressed(_)
| mouse::Event::WheelScrolled { .. }
) | Event::Touch(_)
| Event::Keyboard(_)
)
{
@ -881,7 +894,9 @@ where
}
Event::Mouse(mouse::Event::ButtonPressed(
mouse::Button::Middle,
)) if matches!(state.interaction, Interaction::None) => {
)) if self.auto_scroll
&& matches!(state.interaction, Interaction::None) =>
{
let Some(origin) = cursor_over_scrollable else {
return;
};