Evan AlmloffandJonathan Kelley
20d146d9bd
* improve documentation for the fullstack server context * Add a section about axum integration to the crate root docs * make serve_dioxus_application accept the cfg builder directly * remove unused server_fn module * improve fullstack config docs * improve documentation for the server function macro * fix axum router extension link * Fix doc tests * Fix launch builder * Simplify the launch builder * don't re-export launch in the prelude * refactor fullstack launch * Fix fullstack launch builder * Update static generation with the new builder api * fix some formatting/overly broad launch replacements * fix custom menu example * fix fullstack/static generation examples * Fix static generation launch * A few small formatting fixes * Fix a few doc tests * implement LaunchConfig for serve configs * fix fullstack launch with separate web and server launch methods * fix check with all features * dont expose inner core module * clippy and check * fix readme --------- Co-authored-by: Jonathan Kelley <jkelleyrtp@gmail.com>
62 lines
1.8 KiB
Rust
62 lines
1.8 KiB
Rust
//! This example demonstrates how to create an overlay window with dioxus.
|
|
//!
|
|
//! Basically, we just create a new window with a transparent background and no decorations, size it to the screen, and
|
|
//! then we can draw whatever we want on it. In this case, we're drawing a simple overlay with a draggable header.
|
|
//!
|
|
//! We also add a global shortcut to toggle the overlay on and off, so you could build a raycast-type app with this.
|
|
|
|
use dioxus::desktop::{
|
|
tao::dpi::PhysicalPosition, use_global_shortcut, LogicalSize, WindowBuilder,
|
|
};
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus::LaunchBuilder::desktop()
|
|
.with_cfg(make_config())
|
|
.launch(app);
|
|
}
|
|
|
|
fn app() -> Element {
|
|
let mut show_overlay = use_signal(|| true);
|
|
|
|
_ = use_global_shortcut("cmd+g", move || show_overlay.toggle());
|
|
|
|
rsx! {
|
|
head::Link {
|
|
rel: "stylesheet",
|
|
href: asset!("./examples/assets/overlay.css"),
|
|
}
|
|
if show_overlay() {
|
|
div {
|
|
width: "100%",
|
|
height: "100%",
|
|
background_color: "red",
|
|
border: "1px solid black",
|
|
|
|
div {
|
|
width: "100%",
|
|
height: "10px",
|
|
background_color: "black",
|
|
onmousedown: move |_| dioxus::desktop::window().drag(),
|
|
}
|
|
|
|
"This is an overlay!"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
fn make_config() -> dioxus::desktop::Config {
|
|
dioxus::desktop::Config::default().with_window(make_window())
|
|
}
|
|
|
|
fn make_window() -> WindowBuilder {
|
|
WindowBuilder::new()
|
|
.with_transparent(true)
|
|
.with_decorations(false)
|
|
.with_resizable(false)
|
|
.with_always_on_top(true)
|
|
.with_position(PhysicalPosition::new(0, 0))
|
|
.with_max_inner_size(LogicalSize::new(100000, 50))
|
|
}
|