yog_ui/lib.rs
1//! yog-ui — retained-mode UI framework for Yog mods.
2//!
3//! Flexbox-inspired layout engine + GPU rendering via [`yog-gfx`].
4//! Use for custom inventories, guide books, tooltips, HUD overlays.
5//!
6//! # Quick start
7//! ```ignore
8//! use yog_ui::{UiRoot, widget, Align, FlexDir, Units};
9//!
10//! let ui = UiRoot::new("mymod:main_menu")
11//! .style(|s| s.bg(0x88332211).padding(8.0, 8.0, 8.0, 8.0))
12//! .child(
13//! widget::panel(FlexDir::Column).gap(4.0)
14//! .child(widget::label("Hello, World!").color(0xFF_DDAA00))
15//! .child(widget::button("Click me").on_click("mymod:btn_click"))
16//! );
17//! ```
18
19pub mod layout;
20mod render;
21pub mod text;
22pub mod widget;
23
24pub use layout::{Align, FlexDir, LayoutNode, Rect, set_focus};
25pub use widget::FocusStyle;
26pub use widget::Widget;
27
28use yog_gfx::GfxContext;
29
30/// Top-level UI tree. Build it, call [`layout`], then [`render`] each frame.
31pub struct UiRoot {
32 pub id: String,
33 pub root: Widget,
34 pub layout_root: LayoutNode,
35 pub needs_layout: bool,
36}
37
38impl UiRoot {
39 pub fn new(id: impl Into<String>, root: Widget) -> Self {
40 Self { id: id.into(), root, layout_root: LayoutNode::default(), needs_layout: true }
41 }
42
43 /// Recalculate layout. Call after changing the tree or on window resize.
44 pub fn layout(&mut self, screen_w: f32, screen_h: f32) {
45 self.layout_root = layout::compute(&self.root, screen_w, screen_h);
46 self.needs_layout = false;
47 }
48
49 /// Render the UI tree via `yog-gfx` draw2d.
50 /// Must be called from `on_hud_render`.
51 pub fn render(&self, ctx: &GfxContext) {
52 let d2d = ctx.draw2d();
53 render::render_node(&d2d, &self.root, &self.layout_root);
54 }
55
56 /// Find the deepest clickable widget at `(mx, my)` in screen coordinates.
57 pub fn hit_test(&self, mx: f32, my: f32) -> Option<&LayoutNode> {
58 layout::hit_test(&self.layout_root, mx, my)
59 }
60}