mirror of
https://github.com/emilk/egui.git
synced 2026-06-27 07:03:14 -04:00
* Closes <https://github.com/emilk/egui/issues/4490> * [x] I have followed the instructions in the PR template --- Unfortunately, this PR contains a bunch of breaking changes because `Context` no longer has one style, but two. I could try to add some of the methods back if that's desired. The most subtle change is probably that `style_mut` mutates both the dark and the light style (which from the usage in egui itself felt like the right choice but might be surprising to users). I decided to deviate a bit from the data structure suggested in the linked issue. Instead of this: ```rust pub theme: Theme, // Dark or Light pub follow_system_theme: bool, // Change [`Self::theme`] based on `RawInput::system_theme`? ``` I decided to add a `ThemePreference` enum and track the current system theme separately. This has a couple of benefits: * The user's theme choice is not magically overwritten on the next frame. * A widget for changing the theme preference only needs to know the `ThemePreference` and not two values. * Persisting the `theme_preference` is fine (as opposed to persisting the `theme` field which may actually be the system theme). The `small_toggle_button` currently only toggles between dark and light (so you can never get back to following the system). I think it's easy to improve on this in a follow-up PR :) I made the function `pub(crate)` for now because it should eventually be a method on `ThemePreference`, not `Theme`. To showcase the new capabilities I added a new example that uses different "accent" colors in dark and light mode: <img src="https://github.com/user-attachments/assets/0bf728c6-2720-47b0-a908-18bd250d15a6" width="250" alt="A screenshot of egui's widget gallery demo in dark mode using a purple accent color instead of the default blue accent"> <img src="https://github.com/user-attachments/assets/e816b380-3e59-4f11-b841-8c20285988d6" width="250" alt="A screenshot of egui's widget gallery demo in light mode using a green accent color instead of the default blue accent"> --------- Co-authored-by: Emil Ernerfeldt <emil.ernerfeldt@gmail.com>
104 lines
3.8 KiB
Rust
104 lines
3.8 KiB
Rust
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")] // hide console window on Windows in release
|
|
#![allow(rustdoc::missing_crate_level_docs)] // it's an example
|
|
|
|
use std::sync::Arc;
|
|
|
|
use eframe::egui::{self, ColorImage};
|
|
|
|
fn main() -> eframe::Result {
|
|
env_logger::init(); // Log to stderr (if you run with `RUST_LOG=debug`).
|
|
let options = eframe::NativeOptions {
|
|
renderer: eframe::Renderer::Wgpu,
|
|
..Default::default()
|
|
};
|
|
eframe::run_native(
|
|
"Take screenshots and display with eframe/egui",
|
|
options,
|
|
Box::new(|_cc| Ok(Box::<MyApp>::default())),
|
|
)
|
|
}
|
|
|
|
#[derive(Default)]
|
|
struct MyApp {
|
|
continuously_take_screenshots: bool,
|
|
texture: Option<egui::TextureHandle>,
|
|
screenshot: Option<Arc<ColorImage>>,
|
|
save_to_file: bool,
|
|
}
|
|
|
|
impl eframe::App for MyApp {
|
|
fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
|
|
egui::CentralPanel::default().show(ctx, |ui| {
|
|
if let Some(screenshot) = self.screenshot.take() {
|
|
self.texture = Some(ui.ctx().load_texture(
|
|
"screenshot",
|
|
screenshot,
|
|
Default::default(),
|
|
));
|
|
}
|
|
|
|
ui.horizontal(|ui| {
|
|
ui.checkbox(
|
|
&mut self.continuously_take_screenshots,
|
|
"continuously take screenshots",
|
|
);
|
|
|
|
if ui.button("save to 'top_left.png'").clicked() {
|
|
self.save_to_file = true;
|
|
ctx.send_viewport_cmd(egui::ViewportCommand::Screenshot);
|
|
}
|
|
|
|
ui.with_layout(egui::Layout::top_down(egui::Align::RIGHT), |ui| {
|
|
if self.continuously_take_screenshots {
|
|
if ui
|
|
.add(egui::Label::new("hover me!").sense(egui::Sense::hover()))
|
|
.hovered()
|
|
{
|
|
ctx.set_theme(egui::Theme::Dark);
|
|
} else {
|
|
ctx.set_theme(egui::Theme::Light);
|
|
};
|
|
ctx.send_viewport_cmd(egui::ViewportCommand::Screenshot);
|
|
} else if ui.button("take screenshot!").clicked() {
|
|
ctx.send_viewport_cmd(egui::ViewportCommand::Screenshot);
|
|
}
|
|
});
|
|
});
|
|
|
|
if let Some(texture) = self.texture.as_ref() {
|
|
ui.image((texture.id(), ui.available_size()));
|
|
} else {
|
|
ui.spinner();
|
|
}
|
|
|
|
// Check for returned screenshot:
|
|
ui.input(|i| {
|
|
for event in &i.raw.events {
|
|
if let egui::Event::Screenshot { image, .. } = event {
|
|
if self.save_to_file {
|
|
let pixels_per_point = i.pixels_per_point();
|
|
let region = egui::Rect::from_two_pos(
|
|
egui::Pos2::ZERO,
|
|
egui::Pos2 { x: 100., y: 100. },
|
|
);
|
|
let top_left_corner = image.region(®ion, Some(pixels_per_point));
|
|
image::save_buffer(
|
|
"top_left.png",
|
|
top_left_corner.as_raw(),
|
|
top_left_corner.width() as u32,
|
|
top_left_corner.height() as u32,
|
|
image::ColorType::Rgba8,
|
|
)
|
|
.unwrap();
|
|
self.save_to_file = false;
|
|
}
|
|
self.screenshot = Some(image.clone());
|
|
}
|
|
}
|
|
});
|
|
|
|
ctx.request_repaint();
|
|
});
|
|
}
|
|
}
|