2020-11-03 21:00:56 +00:00
|
|
|
#[derive(Default)]
|
2021-01-27 19:14:53 +00:00
|
|
|
pub struct IdTest {}
|
2020-11-03 21:00:56 +00:00
|
|
|
|
2021-01-27 19:14:53 +00:00
|
|
|
impl super::Demo for IdTest {
|
2021-02-20 08:18:23 +00:00
|
|
|
fn name(&self) -> &'static str {
|
2021-02-06 15:54:38 +00:00
|
|
|
"ID Test"
|
2020-11-03 21:00:56 +00:00
|
|
|
}
|
|
|
|
|
2020-12-29 12:40:11 +00:00
|
|
|
fn show(&mut self, ctx: &egui::CtxRef, open: &mut bool) {
|
|
|
|
egui::Window::new(self.name()).open(open).show(ctx, |ui| {
|
2021-01-01 16:11:05 +00:00
|
|
|
use super::View;
|
2020-11-03 21:00:56 +00:00
|
|
|
self.ui(ui);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-01-27 19:14:53 +00:00
|
|
|
impl super::View for IdTest {
|
2020-12-29 12:40:11 +00:00
|
|
|
fn ui(&mut self, ui: &mut egui::Ui) {
|
2020-11-03 21:00:56 +00:00
|
|
|
ui.heading("Name collision example");
|
|
|
|
|
|
|
|
ui.label("\
|
|
|
|
Widgets that store state require unique and persisting identifiers so we can track their state between frames.\n\
|
|
|
|
For instance, collapsable headers needs to store wether or not they are open. \
|
|
|
|
Their Id:s are derived from their names. \
|
|
|
|
If you fail to give them unique names then clicking one will open both. \
|
|
|
|
To help you debug this, an error message is printed on screen:");
|
|
|
|
|
|
|
|
ui.collapsing("Collapsing header", |ui| {
|
|
|
|
ui.label("Contents of first foldable ui");
|
|
|
|
});
|
|
|
|
ui.collapsing("Collapsing header", |ui| {
|
|
|
|
ui.label("Contents of second foldable ui");
|
|
|
|
});
|
|
|
|
|
|
|
|
ui.label("\
|
|
|
|
Any widget that can be interacted with also need a unique Id. \
|
|
|
|
For most widgets the Id is generated by a running counter. \
|
|
|
|
As long as elements are not added or removed, the Id stays the same. \
|
|
|
|
This is fine, because during interaction (i.e. while dragging a slider), \
|
|
|
|
the number of widgets previously in the same window is most likely not changing \
|
|
|
|
(and if it is, the window will have a new layout, and the slider will endup somewhere else, and so aborthing the interaction probably makes sense).");
|
|
|
|
|
|
|
|
ui.label("So these buttons have automatic Id:s, and therefore there is no name clash:");
|
|
|
|
let _ = ui.button("Button");
|
|
|
|
let _ = ui.button("Button");
|
|
|
|
|
2021-01-11 22:50:50 +00:00
|
|
|
ui.vertical_centered(|ui| {
|
|
|
|
ui.add(crate::__egui_github_link_file!());
|
|
|
|
});
|
2020-11-03 21:00:56 +00:00
|
|
|
}
|
|
|
|
}
|
2021-02-06 15:54:38 +00:00
|
|
|
|
|
|
|
// ----------------------------------------------------------------------------
|
|
|
|
|
2021-02-07 12:48:55 +00:00
|
|
|
#[derive(Clone, Copy, Debug, PartialEq)]
|
|
|
|
enum WidgetType {
|
|
|
|
Label,
|
|
|
|
Button,
|
|
|
|
TextEdit,
|
|
|
|
}
|
|
|
|
|
|
|
|
#[derive(Clone, Debug, PartialEq)]
|
|
|
|
pub struct ManualLayoutTest {
|
|
|
|
widget_offset: egui::Vec2,
|
|
|
|
widget_size: egui::Vec2,
|
|
|
|
widget_type: WidgetType,
|
|
|
|
text_edit_contents: String,
|
|
|
|
}
|
|
|
|
|
|
|
|
impl Default for ManualLayoutTest {
|
|
|
|
fn default() -> Self {
|
|
|
|
Self {
|
|
|
|
widget_offset: egui::Vec2::splat(150.0),
|
|
|
|
widget_size: egui::Vec2::new(200.0, 100.0),
|
|
|
|
widget_type: WidgetType::Button,
|
|
|
|
text_edit_contents: crate::LOREM_IPSUM.to_owned(),
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
impl super::Demo for ManualLayoutTest {
|
2021-02-20 08:18:23 +00:00
|
|
|
fn name(&self) -> &'static str {
|
2021-02-07 12:48:55 +00:00
|
|
|
"Manual Layout Test"
|
|
|
|
}
|
|
|
|
|
|
|
|
fn show(&mut self, ctx: &egui::CtxRef, open: &mut bool) {
|
|
|
|
egui::Window::new(self.name()).open(open).show(ctx, |ui| {
|
|
|
|
use super::View;
|
|
|
|
self.ui(ui);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
impl super::View for ManualLayoutTest {
|
|
|
|
fn ui(&mut self, ui: &mut egui::Ui) {
|
|
|
|
use egui::*;
|
|
|
|
reset_button(ui, self);
|
|
|
|
let Self {
|
|
|
|
widget_offset,
|
|
|
|
widget_size,
|
|
|
|
widget_type,
|
|
|
|
text_edit_contents,
|
|
|
|
} = self;
|
|
|
|
ui.horizontal(|ui| {
|
|
|
|
ui.label("Test widget:");
|
|
|
|
ui.radio_value(widget_type, WidgetType::Button, "Button");
|
|
|
|
ui.radio_value(widget_type, WidgetType::Label, "Label");
|
|
|
|
ui.radio_value(widget_type, WidgetType::TextEdit, "TextEdit");
|
|
|
|
});
|
|
|
|
Grid::new("pos_size").show(ui, |ui| {
|
|
|
|
ui.label("Widget position:");
|
|
|
|
ui.add(Slider::f32(&mut widget_offset.x, 0.0..=400.0));
|
|
|
|
ui.add(Slider::f32(&mut widget_offset.y, 0.0..=400.0));
|
|
|
|
ui.end_row();
|
|
|
|
|
|
|
|
ui.label("Widget size:");
|
|
|
|
ui.add(Slider::f32(&mut widget_size.x, 0.0..=400.0));
|
|
|
|
ui.add(Slider::f32(&mut widget_size.y, 0.0..=400.0));
|
|
|
|
ui.end_row();
|
|
|
|
});
|
|
|
|
let widget_rect = Rect::from_min_size(ui.min_rect().min + *widget_offset, *widget_size);
|
|
|
|
|
|
|
|
// Showing how to place a widget anywhere in the `Ui`:
|
|
|
|
match *widget_type {
|
|
|
|
WidgetType::Button => {
|
|
|
|
ui.put(widget_rect, Button::new("Example button"));
|
|
|
|
}
|
|
|
|
WidgetType::Label => {
|
|
|
|
ui.put(widget_rect, Label::new("Example label"));
|
|
|
|
}
|
|
|
|
WidgetType::TextEdit => {
|
|
|
|
ui.put(widget_rect, TextEdit::multiline(text_edit_contents));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// ----------------------------------------------------------------------------
|
|
|
|
|
2021-02-06 15:54:38 +00:00
|
|
|
pub struct TableTest {
|
|
|
|
num_cols: usize,
|
|
|
|
num_rows: usize,
|
|
|
|
min_col_width: f32,
|
|
|
|
max_col_width: f32,
|
|
|
|
}
|
|
|
|
|
|
|
|
impl Default for TableTest {
|
|
|
|
fn default() -> Self {
|
|
|
|
Self {
|
|
|
|
num_cols: 4,
|
|
|
|
num_rows: 4,
|
|
|
|
min_col_width: 10.0,
|
|
|
|
max_col_width: 200.0,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
impl super::Demo for TableTest {
|
2021-02-20 08:18:23 +00:00
|
|
|
fn name(&self) -> &'static str {
|
2021-02-06 15:54:38 +00:00
|
|
|
"Table Test"
|
|
|
|
}
|
|
|
|
|
|
|
|
fn show(&mut self, ctx: &egui::CtxRef, open: &mut bool) {
|
|
|
|
egui::Window::new(self.name()).open(open).show(ctx, |ui| {
|
|
|
|
use super::View;
|
|
|
|
self.ui(ui);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
impl super::View for TableTest {
|
|
|
|
fn ui(&mut self, ui: &mut egui::Ui) {
|
|
|
|
ui.add(
|
|
|
|
egui::Slider::f32(&mut self.min_col_width, 0.0..=400.0).text("Minimum column width"),
|
|
|
|
);
|
|
|
|
ui.add(
|
|
|
|
egui::Slider::f32(&mut self.max_col_width, 0.0..=400.0).text("Maximum column width"),
|
|
|
|
);
|
|
|
|
ui.add(egui::Slider::usize(&mut self.num_cols, 0..=5).text("Columns"));
|
|
|
|
ui.add(egui::Slider::usize(&mut self.num_rows, 0..=20).text("Rows"));
|
|
|
|
|
|
|
|
ui.separator();
|
|
|
|
|
|
|
|
let words = [
|
|
|
|
"random", "words", "in", "a", "random", "order", "that", "just", "keeps", "going",
|
|
|
|
"with", "some", "more",
|
|
|
|
];
|
|
|
|
|
|
|
|
egui::Grid::new("my_grid")
|
|
|
|
.striped(true)
|
|
|
|
.min_col_width(self.min_col_width)
|
|
|
|
.max_col_width(self.max_col_width)
|
|
|
|
.show(ui, |ui| {
|
|
|
|
for row in 0..self.num_rows {
|
|
|
|
for col in 0..self.num_cols {
|
|
|
|
if col == 0 {
|
|
|
|
ui.label(format!("row {}", row));
|
|
|
|
} else {
|
|
|
|
let word_idx = row * 3 + col * 5;
|
|
|
|
let word_count = (row * 5 + col * 75) % 13;
|
|
|
|
let mut string = String::new();
|
|
|
|
for word in words.iter().cycle().skip(word_idx).take(word_count) {
|
|
|
|
string += word;
|
|
|
|
string += " ";
|
|
|
|
}
|
|
|
|
ui.label(string);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
ui.end_row();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// ----------------------------------------------------------------------------
|
|
|
|
|
|
|
|
#[cfg_attr(feature = "persistence", derive(serde::Deserialize, serde::Serialize))]
|
|
|
|
#[derive(Default)]
|
|
|
|
pub struct InputTest {
|
|
|
|
info: String,
|
|
|
|
}
|
|
|
|
|
|
|
|
impl super::Demo for InputTest {
|
2021-02-20 08:18:23 +00:00
|
|
|
fn name(&self) -> &'static str {
|
2021-02-06 15:54:38 +00:00
|
|
|
"Input Test"
|
|
|
|
}
|
|
|
|
|
|
|
|
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 InputTest {
|
|
|
|
fn ui(&mut self, ui: &mut egui::Ui) {
|
|
|
|
let response = ui.add(
|
|
|
|
egui::Button::new("Click, double-click or drag me with any mouse button")
|
|
|
|
.sense(egui::Sense::click_and_drag()),
|
|
|
|
);
|
|
|
|
|
|
|
|
let mut new_info = String::new();
|
|
|
|
for &button in &[
|
|
|
|
egui::PointerButton::Primary,
|
|
|
|
egui::PointerButton::Secondary,
|
|
|
|
egui::PointerButton::Middle,
|
|
|
|
] {
|
|
|
|
if response.clicked_by(button) {
|
|
|
|
new_info += &format!("Clicked by {:?}\n", button);
|
|
|
|
}
|
|
|
|
if response.double_clicked_by(button) {
|
|
|
|
new_info += &format!("Double-clicked by {:?}\n", button);
|
|
|
|
}
|
|
|
|
if response.dragged() && ui.input().pointer.button_down(button) {
|
|
|
|
new_info += &format!("Dragged by {:?}\n", button);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if !new_info.is_empty() {
|
|
|
|
self.info = new_info;
|
|
|
|
}
|
|
|
|
|
|
|
|
ui.label(&self.info);
|
|
|
|
}
|
|
|
|
}
|
2021-02-07 13:46:53 +00:00
|
|
|
|
|
|
|
// ----------------------------------------------------------------------------
|
|
|
|
|
|
|
|
#[derive(Default)]
|
|
|
|
pub struct WindowResizeTest {}
|
|
|
|
|
|
|
|
impl super::Demo for WindowResizeTest {
|
2021-02-20 08:18:23 +00:00
|
|
|
fn name(&self) -> &'static str {
|
2021-02-07 13:46:53 +00:00
|
|
|
"↔ Window Resize"
|
|
|
|
}
|
|
|
|
|
|
|
|
fn show(&mut self, ctx: &egui::CtxRef, open: &mut bool) {
|
|
|
|
use egui::*;
|
|
|
|
|
|
|
|
Window::new("↔ resizable")
|
|
|
|
.open(open)
|
|
|
|
.scroll(false)
|
|
|
|
.resizable(true)
|
|
|
|
.show(ctx, |ui| {
|
|
|
|
assert!(ui.enabled()); // TODO: remove
|
|
|
|
ui.label("scroll: NO");
|
|
|
|
ui.label("resizable: YES");
|
|
|
|
ui.label(crate::LOREM_IPSUM);
|
|
|
|
});
|
|
|
|
|
|
|
|
Window::new("↔ resizable + embedded scroll")
|
|
|
|
.open(open)
|
|
|
|
.scroll(false)
|
|
|
|
.resizable(true)
|
|
|
|
.default_height(300.0)
|
|
|
|
.show(ctx, |ui| {
|
|
|
|
ui.label("scroll: NO");
|
|
|
|
ui.label("resizable: YES");
|
|
|
|
ui.heading("We have a sub-region with scroll bar:");
|
|
|
|
ScrollArea::auto_sized().show(ui, |ui| {
|
|
|
|
ui.label(crate::LOREM_IPSUM_LONG);
|
|
|
|
ui.label(crate::LOREM_IPSUM_LONG);
|
|
|
|
});
|
|
|
|
// ui.heading("Some additional text here, that should also be visible"); // this works, but messes with the resizing a bit
|
|
|
|
});
|
|
|
|
|
|
|
|
Window::new("↔ resizable + scroll")
|
|
|
|
.open(open)
|
|
|
|
.scroll(true)
|
|
|
|
.resizable(true)
|
|
|
|
.default_height(300.0)
|
|
|
|
.show(ctx, |ui| {
|
|
|
|
ui.label("scroll: YES");
|
|
|
|
ui.label("resizable: YES");
|
|
|
|
ui.label(crate::LOREM_IPSUM_LONG);
|
|
|
|
});
|
|
|
|
|
|
|
|
Window::new("↔ auto_sized")
|
|
|
|
.open(open)
|
|
|
|
.auto_sized()
|
|
|
|
.show(ctx, |ui| {
|
|
|
|
ui.label("This window will auto-size based on its contents.");
|
|
|
|
ui.heading("Resize this area:");
|
|
|
|
Resize::default().show(ui, |ui| {
|
|
|
|
ui.label(crate::LOREM_IPSUM);
|
|
|
|
});
|
|
|
|
ui.heading("Resize the above area!");
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|