use crate::layout::subpixel_snap_rect;
use crate::theme::MacTheme;
use egui::{
Align2, Area, Color32, CornerRadius, FontId, Key, Modifiers, Order, Pos2, Rect, Response,
Sense, Stroke, StrokeKind, Ui, Vec2, Widget,
};
pub struct MacPopUpButton<'a> {
id: Option<egui::Id>,
selected_index: &'a mut usize,
items: &'a [&'a str],
theme: Option<&'a MacTheme>,
width: Option<f32>,
height: Option<f32>,
corner_radius: Option<f32>,
enabled: bool,
}
impl<'a> MacPopUpButton<'a> {
pub fn new(selected_index: &'a mut usize, items: &'a [&'a str]) -> Self {
Self {
id: None,
selected_index,
items,
theme: None,
width: None,
height: None,
corner_radius: None,
enabled: true,
}
}
pub fn id(mut self, id_source: impl std::hash::Hash + std::fmt::Debug) -> Self {
self.id = Some(egui::Id::NULL.with(id_source));
self
}
pub fn theme(mut self, theme: &'a MacTheme) -> Self {
self.theme = Some(theme);
self
}
pub fn width(mut self, width: f32) -> Self {
self.width = Some(width);
self
}
pub fn height(mut self, height: f32) -> Self {
self.height = Some(height);
self
}
pub fn corner_radius(mut self, r: f32) -> Self {
self.corner_radius = Some(r);
self
}
pub fn enabled(mut self, enabled: bool) -> Self {
self.enabled = enabled;
self
}
pub fn show(self, ui: &mut Ui) -> Response {
ui.add(self)
}
}
impl<'a> Widget for MacPopUpButton<'a> {
fn ui(self, ui: &mut Ui) -> Response {
let theme = MacTheme::resolve(self.theme, ui.ctx());
let metrics = theme.popup_button();
let height = self.height.unwrap_or_else(|| metrics.height.points());
let corner_radius = self
.corner_radius
.unwrap_or_else(|| metrics.corner_radius.points());
let padding_h = metrics.padding_horizontal.points();
let chevron_size = metrics.chevron_size.points();
let chevron_stroke = metrics.chevron_stroke_width.points();
let chevron_spacing = metrics.chevron_spacing.points();
let font_id = FontId::proportional(metrics.font_size.points());
if !self.items.is_empty() && *self.selected_index >= self.items.len() {
*self.selected_index = self.items.len() - 1;
}
let current_text = self.items.get(*self.selected_index).copied().unwrap_or("");
let current_galley = ui.painter().layout_no_wrap(
current_text.to_owned(),
font_id.clone(),
Color32::PLACEHOLDER,
);
let mut cached_items: Option<(f32, Vec<std::sync::Arc<egui::Galley>>)> = None;
let layout_items =
|ui: &Ui,
cur: &std::sync::Arc<egui::Galley>,
cache: &mut Option<(f32, Vec<std::sync::Arc<egui::Galley>>)>| {
if let Some(existing) = cache.clone() {
return existing;
}
let mut max_w = cur.size().x;
let mut galleys = Vec::with_capacity(self.items.len());
for &item in self.items {
let g = if std::ptr::eq(item, current_text) {
cur.clone()
} else {
ui.painter().layout_no_wrap(
item.to_owned(),
font_id.clone(),
Color32::PLACEHOLDER,
)
};
max_w = max_w.max(g.size().x);
galleys.push(g);
}
let w = max_w + padding_h * 2.0 + chevron_size + chevron_spacing;
*cache = Some((w, galleys.clone()));
(w, galleys)
};
let desired_width = self
.width
.unwrap_or_else(|| layout_items(ui, ¤t_galley, &mut cached_items).0);
let sense = if self.enabled {
Sense::click()
} else {
Sense::hover()
};
let (raw_rect, mut response) = if let Some(explicit_id) = self.id {
let (r, _) = ui.allocate_exact_size(Vec2::new(desired_width, height), Sense::hover());
let resp = ui.interact(r, explicit_id, sense);
(r, resp)
} else {
ui.allocate_exact_size(Vec2::new(desired_width, height), sense)
};
let rect = subpixel_snap_rect(raw_rect, ui.ctx().pixels_per_point());
if self.enabled && response.has_focus() {
if ui.input_mut(|i| i.consume_key(Modifiers::NONE, Key::ArrowDown)) {
if *self.selected_index + 1 < self.items.len() {
*self.selected_index += 1;
response.mark_changed();
}
} else if ui.input_mut(|i| i.consume_key(Modifiers::NONE, Key::ArrowUp))
&& *self.selected_index > 0
{
*self.selected_index -= 1;
response.mark_changed();
}
}
let painter = ui.painter_at(rect);
let bg_color = if !self.enabled {
theme.control_background()
} else if response.is_pointer_button_down_on() {
theme.selected_control_inactive()
} else if response.hovered() {
theme.control()
} else {
theme.control_background()
};
let border_stroke = if response.has_focus() {
Stroke::new(metrics.border_width.points(), theme.control_accent())
} else {
Stroke::new(metrics.border_width.points(), theme.separator())
};
if self.enabled && response.has_focus() {
theme.paint_focus_ring(&painter, rect, corner_radius);
}
painter.rect(
rect,
CornerRadius::same(corner_radius as u8),
bg_color,
border_stroke,
StrokeKind::Inside,
);
let text_color = if !self.enabled {
theme.placeholder_text()
} else {
theme.label()
};
let label_pos = Align2::LEFT_CENTER
.anchor_size(
Pos2::new(rect.left() + padding_h, rect.center().y),
current_galley.size(),
)
.min;
painter.galley(label_pos, current_galley.clone(), text_color);
let chevron_color = if !self.enabled {
theme.placeholder_text()
} else {
theme.separator()
};
let stroke = Stroke::new(chevron_stroke, chevron_color);
let cx = rect.right() - padding_h - chevron_size * 0.5;
let cy = rect.center().y;
let half_w = chevron_size * 0.5;
let delta_y = metrics.chevron_offset_y.points();
let up_tip = Pos2::new(cx, cy - delta_y);
let up_left = Pos2::new(cx - half_w, cy);
let up_right = Pos2::new(cx + half_w, cy);
painter.line_segment([up_left, up_tip], stroke);
painter.line_segment([up_tip, up_right], stroke);
let down_tip = Pos2::new(cx, cy + delta_y);
let down_left = Pos2::new(cx - half_w, cy);
let down_right = Pos2::new(cx + half_w, cy);
painter.line_segment([down_left, down_tip], stroke);
painter.line_segment([down_tip, down_right], stroke);
let is_open_id = response.id.with("mac_popup_is_open");
let mut is_popup_open = ui.data(|d| d.get_temp::<bool>(is_open_id).unwrap_or(false));
if self.enabled {
if response.clicked() {
response.request_focus();
is_popup_open = !is_popup_open;
ui.data_mut(|d| d.insert_temp(is_open_id, is_popup_open));
} else if response.has_focus()
&& (ui.input_mut(|i| i.consume_key(Modifiers::NONE, Key::Space))
|| ui.input_mut(|i| i.consume_key(Modifiers::NONE, Key::Enter)))
{
is_popup_open = !is_popup_open;
ui.data_mut(|d| d.insert_temp(is_open_id, is_popup_open));
}
}
if self.enabled && is_popup_open {
let (auto_width, item_galleys) = layout_items(ui, ¤t_galley, &mut cached_items);
let menu_width = desired_width
.max(auto_width)
.max(metrics.menu_min_width.points());
let item_height = height.max(metrics.menu_item_height.points());
let menu_padding = metrics.menu_item_padding.points();
let total_menu_height = item_height * (self.items.len() as f32) + menu_padding * 2.0;
let screen_rect = ui
.ctx()
.input(|i| i.raw.screen_rect)
.unwrap_or_else(|| ui.clip_rect());
let popup_gap = metrics.popup_gap.points();
let popup_y = if rect.bottom() + popup_gap + total_menu_height > screen_rect.bottom()
&& rect.top() - popup_gap - total_menu_height >= screen_rect.top()
{
rect.top() - popup_gap - total_menu_height
} else {
rect.bottom() + popup_gap
};
let popup_x = if rect.left() + menu_width > screen_rect.right() {
(screen_rect.right() - menu_width).max(screen_rect.left())
} else {
rect.left()
};
let popup_pos = Pos2::new(popup_x, popup_y);
let area_id = response.id.with("mac_popup_area");
let mut item_selected_this_frame = false;
Area::new(area_id)
.order(Order::Foreground)
.sense(Sense::click())
.fixed_pos(popup_pos)
.show(ui.ctx(), |menu_ui| {
let (menu_rect, _bg_resp) = menu_ui.allocate_exact_size(
Vec2::new(menu_width, total_menu_height),
Sense::click(),
);
if menu_ui.rect_contains_pointer(menu_rect) {
menu_ui.input_mut(|i| {
i.smooth_scroll_delta = Vec2::ZERO;
});
}
let menu_painter = menu_ui.painter_at(menu_rect);
menu_painter.rect(
menu_rect,
CornerRadius::same(corner_radius as u8),
theme.window_background(),
Stroke::new(metrics.border_width.points(), theme.separator()),
StrokeKind::Inside,
);
let item_margin = metrics.menu_item_padding.points();
for (idx, item_galley) in item_galleys.into_iter().enumerate() {
let item_rect = Rect::from_min_size(
Pos2::new(
menu_rect.left() + item_margin,
menu_rect.top() + item_margin + (idx as f32) * item_height,
),
Vec2::new(menu_width - item_margin * 2.0, item_height),
);
let item_resp =
menu_ui.interact(item_rect, area_id.with(idx), Sense::click());
let is_hovered = item_resp.hovered();
let is_active = idx == *self.selected_index;
if is_hovered || is_active {
let item_bg = if is_hovered {
theme.control_accent()
} else {
theme.control()
};
menu_painter.rect_filled(
item_rect,
CornerRadius::same(corner_radius as u8),
item_bg,
);
}
let item_text_color = if is_hovered {
theme.on_accent_text()
} else {
theme.label()
};
let item_text_pos = Align2::LEFT_CENTER
.anchor_size(
Pos2::new(item_rect.left() + menu_padding, item_rect.center().y),
item_galley.size(),
)
.min;
menu_painter.galley(item_text_pos, item_galley, item_text_color);
if item_resp.clicked() {
*self.selected_index = idx;
item_selected_this_frame = true;
menu_ui.data_mut(|d| d.insert_temp(is_open_id, false));
response.mark_changed();
}
}
});
if ui.input_mut(|i| i.consume_key(Modifiers::NONE, Key::Escape)) {
ui.data_mut(|d| d.insert_temp(is_open_id, false));
} else if !item_selected_this_frame
&& ui.input(|i| i.pointer.button_clicked(egui::PointerButton::Primary))
&& !response.clicked()
{
let popup_bounds =
Rect::from_min_size(popup_pos, Vec2::new(menu_width, total_menu_height));
if !ui.rect_contains_pointer(popup_bounds) {
ui.data_mut(|d| d.insert_temp(is_open_id, false));
}
}
}
response
}
}