migrations/egui
1
0
Fork 0
mirror of https://github.com/emilk/egui.git synced 2026-09-01 22:30:03 -04:00
Code Activity

Add option to select collapsing headers (#623)

Browse Source 
* Add collapsing header select as selectable label

* Modified Tree demo adding selectable example

* Update egui/src/containers/collapsing_header.rs

Selected is not linked to selectable

Co-authored-by: Emil Ernerfeldt <emil.ernerfeldt@gmail.com>

* Update egui/src/containers/collapsing_header.rs

Description example

Co-authored-by: Emil Ernerfeldt <emil.ernerfeldt@gmail.com>

* Changing example without name clashing

* Fixing merge issue (ah I miss P4 sometimes)

* Fixing doctest example

* Add possibility to show background to a single one

* Fixing clippy test

Co-authored-by: Emil Ernerfeldt <emil.ernerfeldt@gmail.com>
This commit is contained in:
gents83
2021-08-20 19:04:13 +02:00
committed by GitHub
parent 04b3921923
commit 68ed22ab6f
2 changed files with 111 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
egui/src/containers/collapsing_header.rs
View File

@@ -140,6 +140,9 @@ pub struct CollapsingHeader {
default_open: bool,
id_source: Id,
enabled: bool,
selectable: bool,
selected: bool,
show_background: bool,
}
impl CollapsingHeader {
@@ -157,6 +160,9 @@ impl CollapsingHeader {
default_open: false,
id_source,
enabled: true,
selectable: false,
selected: false,
show_background: false,
}
}
@@ -188,6 +194,44 @@ impl CollapsingHeader {
self.enabled = enabled;
self
}
/// Can the `CollapsingHeader` be selected by clicking it? Default: `false`.
///
pub fn selectable(mut self, selectable: bool) -> Self {
self.selectable = selectable;
self
}
/// If you set this to 'true', the `CollapsingHeader` will be shown as selected.
///
/// Example:
/// ```
/// # let ui = &mut egui::Ui::__test();
/// let mut selected = false;
/// let response = egui::CollapsingHeader::new("Select and open me")
/// .selectable(true)
/// .selected(selected)
/// .show(ui, |ui| ui.label("Content"));
/// if response.header_response.clicked() {
/// selected = true;
/// }
/// ```
pub fn selected(mut self, selected: bool) -> Self {
self.selected = selected;
self
}
/// Should the `CollapsingHeader` show a background behind it? Default: `false`.
///
/// To show it behind all `CollapsingHeader` you can just use:
/// ```
/// # let ui = &mut egui::Ui::__test();
/// ui.visuals_mut().collapsing_header_frame = true;
/// ```
pub fn show_background(mut self, show_background: bool) -> Self {
self.show_background = show_background;
self
}
}
struct Prepared {
@@ -207,6 +251,9 @@ impl CollapsingHeader {
default_open,
id_source,
enabled: _,
selectable: _,
selected: _,
show_background: _,
} = self;
label.text_style = label
@@ -247,10 +294,16 @@ impl CollapsingHeader {
header_response
.widget_info(|| WidgetInfo::labeled(WidgetType::CollapsingHeader, &galley.text));
let visuals = ui.style().interact(&header_response);
let text_color = visuals.text_color();
let visuals = ui
.style()
.interact_selectable(&header_response, self.selected);
let text_color = ui
.style()
.visuals
.override_text_color
.unwrap_or_else(|| visuals.text_color());
if ui.visuals().collapsing_header_frame {
if ui.visuals().collapsing_header_frame || self.show_background {
ui.painter().add(Shape::Rect {
rect: header_response.rect.expand(visuals.expansion),
corner_radius: visuals.corner_radius,
@@ -260,6 +313,16 @@ impl CollapsingHeader {
});
}
if self.selected
|| self.selectable && (header_response.hovered() || header_response.has_focus())
{
let rect = rect.expand(visuals.expansion);
let corner_radius = 2.0;
ui.painter()
.rect(rect, corner_radius, visuals.bg_fill, visuals.bg_stroke);
}
{
let (mut icon_rect, _) = ui.spacing().icon_rectangles(header_response.rect);
icon_rect.set_center(pos2(