cba840ec49
* plot: take any id source as argument instead of ToString * plot: allow user to set stroke on HLine/VLine * Update changelog
239 lines
7.3 KiB
Rust
239 lines
7.3 KiB
Rust
#[derive(Debug, PartialEq)]
|
|
#[cfg_attr(feature = "persistence", derive(serde::Deserialize, serde::Serialize))]
|
|
enum Enum {
|
|
First,
|
|
Second,
|
|
Third,
|
|
}
|
|
|
|
/// Shows off one example of each major type of widget.
|
|
#[cfg_attr(feature = "persistence", derive(serde::Deserialize, serde::Serialize))]
|
|
pub struct WidgetGallery {
|
|
enabled: bool,
|
|
visible: bool,
|
|
boolean: bool,
|
|
radio: Enum,
|
|
scalar: f32,
|
|
string: String,
|
|
color: egui::Color32,
|
|
}
|
|
|
|
impl Default for WidgetGallery {
|
|
fn default() -> Self {
|
|
Self {
|
|
enabled: true,
|
|
visible: true,
|
|
boolean: false,
|
|
radio: Enum::First,
|
|
scalar: 42.0,
|
|
string: Default::default(),
|
|
color: egui::Color32::LIGHT_BLUE.linear_multiply(0.5),
|
|
}
|
|
}
|
|
}
|
|
|
|
impl super::Demo for WidgetGallery {
|
|
fn name(&self) -> &'static str {
|
|
"🗄 Widget Gallery"
|
|
}
|
|
|
|
fn show(&mut self, ctx: &egui::CtxRef, open: &mut bool) {
|
|
egui::Window::new(self.name())
|
|
.open(open)
|
|
.resizable(false)
|
|
.show(ctx, |ui| {
|
|
use super::View;
|
|
self.ui(ui);
|
|
});
|
|
}
|
|
}
|
|
|
|
impl super::View for WidgetGallery {
|
|
fn ui(&mut self, ui: &mut egui::Ui) {
|
|
ui.scope(|ui| {
|
|
ui.set_visible(self.visible);
|
|
ui.set_enabled(self.enabled);
|
|
|
|
egui::Grid::new("my_grid")
|
|
.striped(true)
|
|
.spacing([40.0, 4.0])
|
|
.show(ui, |ui| {
|
|
self.gallery_grid_contents(ui);
|
|
});
|
|
});
|
|
|
|
ui.separator();
|
|
|
|
ui.horizontal(|ui| {
|
|
ui.checkbox(&mut self.visible, "Visible")
|
|
.on_hover_text("Uncheck to hide all the widgets.");
|
|
if self.visible {
|
|
ui.checkbox(&mut self.enabled, "Interactive")
|
|
.on_hover_text("Uncheck to inspect how the widgets look when disabled.");
|
|
}
|
|
});
|
|
|
|
ui.separator();
|
|
|
|
ui.vertical_centered(|ui| {
|
|
let tooltip_text = "The full egui documentation.\nYou can also click the different widgets names in the left column.";
|
|
ui.hyperlink("https://docs.rs/egui/").on_hover_text(tooltip_text);
|
|
ui.add(crate::__egui_github_link_file!(
|
|
"Source code of the widget gallery"
|
|
));
|
|
});
|
|
}
|
|
}
|
|
|
|
impl WidgetGallery {
|
|
fn gallery_grid_contents(&mut self, ui: &mut egui::Ui) {
|
|
let Self {
|
|
enabled: _,
|
|
visible: _,
|
|
boolean,
|
|
radio,
|
|
scalar,
|
|
string,
|
|
color,
|
|
} = self;
|
|
|
|
ui.add(doc_link_label("Label", "label,heading"));
|
|
ui.label("Welcome to the widget gallery!");
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Hyperlink", "Hyperlink"));
|
|
use egui::special_emojis::GITHUB;
|
|
ui.hyperlink_to(
|
|
format!("{} egui home page", GITHUB),
|
|
"https://github.com/emilk/egui",
|
|
);
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("TextEdit", "TextEdit,text_edit"));
|
|
ui.add(egui::TextEdit::singleline(string).hint_text("Write something here"));
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Button", "button"));
|
|
if ui.button("Click me!").clicked() {
|
|
*boolean = !*boolean;
|
|
}
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Checkbox", "checkbox"));
|
|
ui.checkbox(boolean, "Checkbox");
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("RadioButton", "radio"));
|
|
ui.horizontal(|ui| {
|
|
ui.radio_value(radio, Enum::First, "First");
|
|
ui.radio_value(radio, Enum::Second, "Second");
|
|
ui.radio_value(radio, Enum::Third, "Third");
|
|
});
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label(
|
|
"SelectableLabel",
|
|
"selectable_value,SelectableLabel",
|
|
));
|
|
ui.horizontal(|ui| {
|
|
ui.selectable_value(radio, Enum::First, "First");
|
|
ui.selectable_value(radio, Enum::Second, "Second");
|
|
ui.selectable_value(radio, Enum::Third, "Third");
|
|
});
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Combo box", "ComboBox"));
|
|
|
|
egui::ComboBox::from_label("Take your pick")
|
|
.selected_text(format!("{:?}", radio))
|
|
.show_ui(ui, |ui| {
|
|
ui.selectable_value(radio, Enum::First, "First");
|
|
ui.selectable_value(radio, Enum::Second, "Second");
|
|
ui.selectable_value(radio, Enum::Third, "Third");
|
|
});
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Slider", "Slider"));
|
|
ui.add(egui::Slider::new(scalar, 0.0..=360.0).suffix("°"));
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("DragValue", "DragValue"));
|
|
ui.add(egui::DragValue::new(scalar).speed(1.0));
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Color picker", "color_edit"));
|
|
ui.color_edit_button_srgba(color);
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Image", "Image"));
|
|
ui.image(egui::TextureId::Egui, [24.0, 16.0])
|
|
.on_hover_text("The egui font texture was the convenient choice to show here.");
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("ImageButton", "ImageButton"));
|
|
if ui
|
|
.add(egui::ImageButton::new(egui::TextureId::Egui, [24.0, 16.0]))
|
|
.on_hover_text("The egui font texture was the convenient choice to show here.")
|
|
.clicked()
|
|
{
|
|
*boolean = !*boolean;
|
|
}
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Separator", "separator"));
|
|
ui.separator();
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("CollapsingHeader", "collapsing"));
|
|
ui.collapsing("Click to see what is hidden!", |ui| {
|
|
ui.horizontal_wrapped(|ui| {
|
|
ui.label(
|
|
"Not much, as it turns out - but here is a gold star for you for checking:",
|
|
);
|
|
ui.colored_label(egui::Color32::GOLD, "☆");
|
|
});
|
|
});
|
|
ui.end_row();
|
|
|
|
ui.add(doc_link_label("Plot", "plot"));
|
|
ui.add(example_plot());
|
|
ui.end_row();
|
|
|
|
ui.hyperlink_to(
|
|
"Custom widget:",
|
|
super::toggle_switch::url_to_file_source_code(),
|
|
);
|
|
ui.add(super::toggle_switch::toggle(boolean)).on_hover_text(
|
|
"It's easy to create your own widgets!\n\
|
|
This toggle switch is just 15 lines of code.",
|
|
);
|
|
ui.end_row();
|
|
}
|
|
}
|
|
|
|
fn example_plot() -> egui::plot::Plot {
|
|
use egui::plot::{Line, Plot, Value, Values};
|
|
let n = 128;
|
|
let line = Line::new(Values::from_values_iter((0..=n).map(|i| {
|
|
use std::f64::consts::TAU;
|
|
let x = egui::remap(i as f64, 0.0..=(n as f64), -TAU..=TAU);
|
|
Value::new(x, x.sin())
|
|
})));
|
|
Plot::new("example_plot")
|
|
.line(line)
|
|
.height(32.0)
|
|
.data_aspect(1.0)
|
|
}
|
|
|
|
fn doc_link_label<'a>(title: &'a str, search_term: &'a str) -> impl egui::Widget + 'a {
|
|
let label = format!("{}:", title);
|
|
let url = format!("https://docs.rs/egui?search={}", search_term);
|
|
move |ui: &mut egui::Ui| {
|
|
ui.hyperlink_to(label, url).on_hover_ui(|ui| {
|
|
ui.horizontal_wrapped(|ui| {
|
|
ui.label("Search egui docs for");
|
|
ui.code(search_term);
|
|
});
|
|
})
|
|
}
|
|
}
|