Split Menu::new into multiple builder methods
This commit is contained in:
parent
7a105ade27
commit
1c12bad866
3 changed files with 114 additions and 54 deletions
|
|
@ -32,7 +32,7 @@ where
|
||||||
|
|
||||||
pub fn map<B>(self, f: Rc<dyn Fn(Message) -> B>) -> Overlay<'a, B, Renderer>
|
pub fn map<B>(self, f: Rc<dyn Fn(Message) -> B>) -> Overlay<'a, B, Renderer>
|
||||||
where
|
where
|
||||||
Message: 'static,
|
Message: 'a,
|
||||||
Renderer: 'a,
|
Renderer: 'a,
|
||||||
B: 'static,
|
B: 'static,
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -3,16 +3,74 @@ use crate::{
|
||||||
Element, Event, Hasher, Layout, Length, Point, Rectangle, Scrollable, Size,
|
Element, Event, Hasher, Layout, Length, Point, Rectangle, Scrollable, Size,
|
||||||
Vector, Widget,
|
Vector, Widget,
|
||||||
};
|
};
|
||||||
use std::borrow::Borrow;
|
|
||||||
|
|
||||||
pub struct Menu<'a, Message, Renderer: self::Renderer> {
|
pub struct Menu<'a, T, Message, Renderer: self::Renderer> {
|
||||||
container: Container<'a, Message, Renderer>,
|
state: &'a mut State,
|
||||||
is_open: &'a mut bool,
|
options: &'a [T],
|
||||||
|
on_selected: &'a dyn Fn(T) -> Message,
|
||||||
width: u16,
|
width: u16,
|
||||||
target_height: f32,
|
padding: u16,
|
||||||
|
text_size: Option<u16>,
|
||||||
style: <Renderer as self::Renderer>::Style,
|
style: <Renderer as self::Renderer>::Style,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
impl<'a, T, Message, Renderer> Menu<'a, T, Message, Renderer>
|
||||||
|
where
|
||||||
|
T: ToString + Clone,
|
||||||
|
Message: 'a,
|
||||||
|
Renderer: self::Renderer + 'a,
|
||||||
|
{
|
||||||
|
pub fn new(
|
||||||
|
state: &'a mut State,
|
||||||
|
options: &'a [T],
|
||||||
|
on_selected: &'a dyn Fn(T) -> Message,
|
||||||
|
) -> Self {
|
||||||
|
Menu {
|
||||||
|
state,
|
||||||
|
options,
|
||||||
|
on_selected,
|
||||||
|
width: 0,
|
||||||
|
padding: 0,
|
||||||
|
text_size: None,
|
||||||
|
style: Default::default(),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn width(mut self, width: u16) -> Self {
|
||||||
|
self.width = width;
|
||||||
|
self
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn padding(mut self, padding: u16) -> Self {
|
||||||
|
self.padding = padding;
|
||||||
|
self
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn text_size(mut self, text_size: u16) -> Self {
|
||||||
|
self.text_size = Some(text_size);
|
||||||
|
self
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn style(
|
||||||
|
mut self,
|
||||||
|
style: impl Into<<Renderer as self::Renderer>::Style>,
|
||||||
|
) -> Self {
|
||||||
|
self.style = style.into();
|
||||||
|
self
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn overlay(
|
||||||
|
self,
|
||||||
|
position: Point,
|
||||||
|
target_height: f32,
|
||||||
|
) -> overlay::Overlay<'a, Message, Renderer> {
|
||||||
|
overlay::Overlay::new(
|
||||||
|
position,
|
||||||
|
Box::new(Overlay::new(self, target_height)),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#[derive(Default)]
|
#[derive(Default)]
|
||||||
pub struct State {
|
pub struct State {
|
||||||
scrollable: scrollable::State,
|
scrollable: scrollable::State,
|
||||||
|
|
@ -31,29 +89,40 @@ impl State {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
impl<'a, Message, Renderer: self::Renderer> Menu<'a, Message, Renderer>
|
struct Overlay<'a, Message, Renderer: self::Renderer> {
|
||||||
|
container: Container<'a, Message, Renderer>,
|
||||||
|
is_open: &'a mut bool,
|
||||||
|
width: u16,
|
||||||
|
target_height: f32,
|
||||||
|
style: <Renderer as self::Renderer>::Style,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl<'a, Message, Renderer: self::Renderer> Overlay<'a, Message, Renderer>
|
||||||
where
|
where
|
||||||
Message: 'static,
|
Message: 'a,
|
||||||
Renderer: 'a,
|
Renderer: 'a,
|
||||||
{
|
{
|
||||||
pub fn new<T>(
|
pub fn new<T>(
|
||||||
state: &'a mut State,
|
menu: Menu<'a, T, Message, Renderer>,
|
||||||
options: &'a dyn Borrow<[T]>,
|
|
||||||
on_selected: &'a dyn Fn(T) -> Message,
|
|
||||||
width: u16,
|
|
||||||
target_height: f32,
|
target_height: f32,
|
||||||
text_size: Option<u16>,
|
|
||||||
padding: u16,
|
|
||||||
style: <Renderer as self::Renderer>::Style,
|
|
||||||
) -> Self
|
) -> Self
|
||||||
where
|
where
|
||||||
T: Clone + ToString,
|
T: Clone + ToString,
|
||||||
[T]: ToOwned,
|
|
||||||
{
|
{
|
||||||
|
let Menu {
|
||||||
|
state,
|
||||||
|
options,
|
||||||
|
on_selected,
|
||||||
|
width,
|
||||||
|
padding,
|
||||||
|
text_size,
|
||||||
|
style,
|
||||||
|
} = menu;
|
||||||
|
|
||||||
let container = Container::new(
|
let container = Container::new(
|
||||||
Scrollable::new(&mut state.scrollable).push(List::new(
|
Scrollable::new(&mut state.scrollable).push(List::new(
|
||||||
&mut state.hovered_option,
|
|
||||||
options,
|
options,
|
||||||
|
&mut state.hovered_option,
|
||||||
on_selected,
|
on_selected,
|
||||||
text_size,
|
text_size,
|
||||||
padding,
|
padding,
|
||||||
|
|
@ -65,15 +134,15 @@ where
|
||||||
Self {
|
Self {
|
||||||
container,
|
container,
|
||||||
is_open: &mut state.is_open,
|
is_open: &mut state.is_open,
|
||||||
width,
|
width: width,
|
||||||
target_height,
|
target_height,
|
||||||
style,
|
style: style,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
impl<'a, Message, Renderer> overlay::Content<Message, Renderer>
|
impl<'a, Message, Renderer> overlay::Content<Message, Renderer>
|
||||||
for Menu<'a, Message, Renderer>
|
for Overlay<'a, Message, Renderer>
|
||||||
where
|
where
|
||||||
Renderer: self::Renderer,
|
Renderer: self::Renderer,
|
||||||
{
|
{
|
||||||
|
|
@ -174,8 +243,8 @@ where
|
||||||
}
|
}
|
||||||
|
|
||||||
struct List<'a, T, Message, Renderer: self::Renderer> {
|
struct List<'a, T, Message, Renderer: self::Renderer> {
|
||||||
|
options: &'a [T],
|
||||||
hovered_option: &'a mut Option<usize>,
|
hovered_option: &'a mut Option<usize>,
|
||||||
options: &'a dyn Borrow<[T]>,
|
|
||||||
on_selected: &'a dyn Fn(T) -> Message,
|
on_selected: &'a dyn Fn(T) -> Message,
|
||||||
text_size: Option<u16>,
|
text_size: Option<u16>,
|
||||||
padding: u16,
|
padding: u16,
|
||||||
|
|
@ -184,16 +253,16 @@ struct List<'a, T, Message, Renderer: self::Renderer> {
|
||||||
|
|
||||||
impl<'a, T, Message, Renderer: self::Renderer> List<'a, T, Message, Renderer> {
|
impl<'a, T, Message, Renderer: self::Renderer> List<'a, T, Message, Renderer> {
|
||||||
pub fn new(
|
pub fn new(
|
||||||
|
options: &'a [T],
|
||||||
hovered_option: &'a mut Option<usize>,
|
hovered_option: &'a mut Option<usize>,
|
||||||
options: &'a dyn Borrow<[T]>,
|
|
||||||
on_selected: &'a dyn Fn(T) -> Message,
|
on_selected: &'a dyn Fn(T) -> Message,
|
||||||
text_size: Option<u16>,
|
text_size: Option<u16>,
|
||||||
padding: u16,
|
padding: u16,
|
||||||
style: <Renderer as self::Renderer>::Style,
|
style: <Renderer as self::Renderer>::Style,
|
||||||
) -> Self {
|
) -> Self {
|
||||||
List {
|
List {
|
||||||
hovered_option,
|
|
||||||
options,
|
options,
|
||||||
|
hovered_option,
|
||||||
on_selected,
|
on_selected,
|
||||||
text_size,
|
text_size,
|
||||||
padding,
|
padding,
|
||||||
|
|
@ -230,7 +299,7 @@ where
|
||||||
let intrinsic = Size::new(
|
let intrinsic = Size::new(
|
||||||
0.0,
|
0.0,
|
||||||
f32::from(text_size + self.padding * 2)
|
f32::from(text_size + self.padding * 2)
|
||||||
* self.options.borrow().len() as f32,
|
* self.options.len() as f32,
|
||||||
);
|
);
|
||||||
|
|
||||||
limits.resolve(intrinsic)
|
limits.resolve(intrinsic)
|
||||||
|
|
@ -245,7 +314,7 @@ where
|
||||||
struct Marker;
|
struct Marker;
|
||||||
std::any::TypeId::of::<Marker>().hash(state);
|
std::any::TypeId::of::<Marker>().hash(state);
|
||||||
|
|
||||||
self.options.borrow().len().hash(state);
|
self.options.len().hash(state);
|
||||||
self.text_size.hash(state);
|
self.text_size.hash(state);
|
||||||
self.padding.hash(state);
|
self.padding.hash(state);
|
||||||
}
|
}
|
||||||
|
|
@ -265,7 +334,7 @@ where
|
||||||
|
|
||||||
if bounds.contains(cursor_position) {
|
if bounds.contains(cursor_position) {
|
||||||
if let Some(index) = *self.hovered_option {
|
if let Some(index) = *self.hovered_option {
|
||||||
if let Some(option) = self.options.borrow().get(index) {
|
if let Some(option) = self.options.get(index) {
|
||||||
messages.push((self.on_selected)(option.clone()));
|
messages.push((self.on_selected)(option.clone()));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -299,7 +368,7 @@ where
|
||||||
renderer,
|
renderer,
|
||||||
layout.bounds(),
|
layout.bounds(),
|
||||||
cursor_position,
|
cursor_position,
|
||||||
self.options.borrow(),
|
self.options,
|
||||||
*self.hovered_option,
|
*self.hovered_option,
|
||||||
self.text_size.unwrap_or(renderer.default_size()),
|
self.text_size.unwrap_or(renderer.default_size()),
|
||||||
self.padding,
|
self.padding,
|
||||||
|
|
@ -337,8 +406,7 @@ impl<'a, T, Message, Renderer> Into<Element<'a, Message, Renderer>>
|
||||||
for List<'a, T, Message, Renderer>
|
for List<'a, T, Message, Renderer>
|
||||||
where
|
where
|
||||||
T: ToString + Clone,
|
T: ToString + Clone,
|
||||||
[T]: ToOwned,
|
Message: 'a,
|
||||||
Message: 'static,
|
|
||||||
Renderer: 'a + self::Renderer,
|
Renderer: 'a + self::Renderer,
|
||||||
{
|
{
|
||||||
fn into(self) -> Element<'a, Message, Renderer> {
|
fn into(self) -> Element<'a, Message, Renderer> {
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,8 @@ pub struct ComboBox<'a, T, Message, Renderer: self::Renderer>
|
||||||
where
|
where
|
||||||
[T]: ToOwned<Owned = Vec<T>>,
|
[T]: ToOwned<Owned = Vec<T>>,
|
||||||
{
|
{
|
||||||
internal: Internal<'a, T, Message>,
|
menu: &'a mut menu::State,
|
||||||
|
on_selected: Box<dyn Fn(T) -> Message>,
|
||||||
options: Cow<'a, [T]>,
|
options: Cow<'a, [T]>,
|
||||||
selected: Option<T>,
|
selected: Option<T>,
|
||||||
width: Length,
|
width: Length,
|
||||||
|
|
@ -24,11 +25,6 @@ pub struct State {
|
||||||
menu: menu::State,
|
menu: menu::State,
|
||||||
}
|
}
|
||||||
|
|
||||||
pub struct Internal<'a, T, Message> {
|
|
||||||
menu: &'a mut menu::State,
|
|
||||||
on_selected: Box<dyn Fn(T) -> Message>,
|
|
||||||
}
|
|
||||||
|
|
||||||
impl<'a, T: 'a, Message, Renderer: self::Renderer>
|
impl<'a, T: 'a, Message, Renderer: self::Renderer>
|
||||||
ComboBox<'a, T, Message, Renderer>
|
ComboBox<'a, T, Message, Renderer>
|
||||||
where
|
where
|
||||||
|
|
@ -42,10 +38,8 @@ where
|
||||||
on_selected: impl Fn(T) -> Message + 'static,
|
on_selected: impl Fn(T) -> Message + 'static,
|
||||||
) -> Self {
|
) -> Self {
|
||||||
Self {
|
Self {
|
||||||
internal: Internal {
|
menu: &mut state.menu,
|
||||||
menu: &mut state.menu,
|
on_selected: Box::new(on_selected),
|
||||||
on_selected: Box::new(on_selected),
|
|
||||||
},
|
|
||||||
options: options.into(),
|
options: options.into(),
|
||||||
selected,
|
selected,
|
||||||
width: Length::Shrink,
|
width: Length::Shrink,
|
||||||
|
|
@ -183,7 +177,7 @@ where
|
||||||
if layout.bounds().contains(cursor_position) {
|
if layout.bounds().contains(cursor_position) {
|
||||||
let selected = self.selected.as_ref();
|
let selected = self.selected.as_ref();
|
||||||
|
|
||||||
self.internal.menu.open(
|
self.menu.open(
|
||||||
self.options
|
self.options
|
||||||
.iter()
|
.iter()
|
||||||
.position(|option| Some(option) == selected),
|
.position(|option| Some(option) == selected),
|
||||||
|
|
@ -216,22 +210,20 @@ where
|
||||||
&mut self,
|
&mut self,
|
||||||
layout: Layout<'_>,
|
layout: Layout<'_>,
|
||||||
) -> Option<Overlay<'_, Message, Renderer>> {
|
) -> Option<Overlay<'_, Message, Renderer>> {
|
||||||
if self.internal.menu.is_open() {
|
if self.menu.is_open() {
|
||||||
let bounds = layout.bounds();
|
let bounds = layout.bounds();
|
||||||
|
|
||||||
Some(Overlay::new(
|
let mut menu =
|
||||||
layout.position(),
|
Menu::new(&mut self.menu, &self.options, &self.on_selected)
|
||||||
Box::new(Menu::new(
|
.width(bounds.width.round() as u16)
|
||||||
self.internal.menu,
|
.padding(self.padding)
|
||||||
&self.options,
|
.style(Renderer::menu_style(&self.style));
|
||||||
&self.internal.on_selected,
|
|
||||||
bounds.width.round() as u16,
|
if let Some(text_size) = self.text_size {
|
||||||
bounds.height,
|
menu = menu.text_size(text_size);
|
||||||
self.text_size,
|
}
|
||||||
self.padding,
|
|
||||||
Renderer::menu_style(&self.style),
|
Some(menu.overlay(layout.position(), bounds.height))
|
||||||
)),
|
|
||||||
))
|
|
||||||
} else {
|
} else {
|
||||||
None
|
None
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue