Struct DockArea 

pub struct DockArea { /* private fields */ }

Panels in a tree of splits and groups of tabs, at the left, the right, the bottom and the center of a space. Bars between them resize with the pointer or the keyboard, docks collapse from the strips on their edges, and panels close and come back.

A tab goes anywhere with a drag, with the target marked: to another group, to one side of a group, or to a border that has no dock showing. Without a pointer, the arrows walk between tabs, Alt with an arrow moves one within its group, Alt and Shift with an arrow send it to a dock, the menu of a tab or of the button at the end of the strip has “Move to…”, and Delete closes.

The arrangement is a DockLayout in a Binding, which holds ids alone and can be saved as text. What a panel shows is asked from the app, by id, for the panel at the front of each group: that is all a change of tab builds, and what a panel must remember while behind others belongs in the app. An id in the arrangement with no DockPanel is left out.

use ravenrs_reactive::State;
use ravenrs_widgets::{AnyView, DockArea, DockLayout, DockNode, DockPanel, Text, Ui};

let saved = None::<String>; // What the app kept the last time.
let start = DockLayout::new()
    .center(DockNode::tabs(["photo"]))
    .left(DockNode::tabs(["folders", "search"]), 240.0);
let layout = State::new(saved.and_then(|text| DockLayout::parse(&text).ok()).unwrap_or(start));

let area = DockArea::new(
    layout.binding(),
    vec![
        DockPanel::new("photo", "Photo").closable(false),
        DockPanel::new("folders", "Folders"),
        DockPanel::new("search", "Search"),
    ],
    |id| -> AnyView { Box::new(Text::new(format!("Panel {id}"))) },
)
.on_end(|now| println!("{}", now.to_text()));
let mut ui = Ui::new(area, ravenrs_style::Theme::raven_dark());
ui.update();

Implementations

impl DockArea

pub fn new( layout: Binding<DockLayout>, panels: Vec<DockPanel>, content: impl Fn(&str) -> AnyView + 'static, ) -> Self

These panels in the arrangement of layout, each showing what content makes for its id.

pub fn height(self, height: f32) -> Self

Its height, in logical pixels. Without it, it takes the room its parent has.

pub fn dock_limits(self, side: DockSide, min: f32, max: f32) -> Self

The smallest and the largest a dock gets, in logical pixels.

pub fn center_min(self, width: f32, height: f32) -> Self

The width and the height the center keeps, which the docks do not take from it.

pub fn pane_min(self, min: f32) -> Self

The smallest a group gets when a bar inside a split moves.

pub fn movable(self, movable: bool) -> Self

Whether panels change places (they do by default). Without it the tabs stay where the app put them, and only the sizes, the docks and closing are left.

pub fn tab_bar(self, tab_bar: DockTabBar) -> Self

When a group shows its tabs (DockTabBar::Always by default).

pub fn edge_toggles(self, on: bool) -> Self

Whether the strips that collapse the docks show (they do by default). Without them, the app does it with DockLayout::set_open.

pub fn on_end(self, handler: impl Fn(&DockLayout) + 'static) -> Self

Runs when the arrangement settles: after a drop, a bar let go, a key, a tab, a dock or a panel. It is the moment to save.

pub fn label(self, label: impl Into<String>) -> Self

What screen readers call the area, instead of the name in Labels.

Trait Implementations

impl Debug for DockArea

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl View for DockArea

fn build(&self, cx: &mut BuildCx<'_>) -> NodeId

Creates this view’s node for the current build.

fn type_name(&self) -> &'static str

The name the diagnostics panel shows this view’s cost under.