egui_dock 项目使用教程

最新推荐文章于 2024-09-08 10:00:16 发布

朱丛溢

最新推荐文章于 2024-09-08 10:00:16 发布

阅读量839

点赞数 7

本文链接：https://blog.csdn.net/gitblog_00454/article/details/142019431

版权

egui_dock 项目使用教程

egui_dockDocking support for egui – an immediate-mode GUI library for Rust项目地址:https://gitcode.com/gh_mirrors/eg/egui_dock

1. 项目介绍

egui_dock 是一个为 Rust 语言中的即时模式 GUI 库 egui 提供停靠支持的开源项目。该项目允许用户在 egui 应用程序中创建和管理多个标签页，支持标签页的打开、关闭、移动、调整大小以及将标签页拖出到新的 egui 窗口中。egui_dock 提供了高度可定制的外观和感觉，以及对整个停靠区域和单个标签页行为的精细控制。

2. 项目快速启动

2.1 添加依赖

首先，在项目的 Cargo.toml 文件中添加 egui 和 egui_dock 作为依赖项：

[dependencies]
egui = "0.28"
egui_dock = "0.13"

2.2 初始化 egui

按照 egui 的快速启动指南设置 egui。完成后，您可以开始使用 egui_dock。

2.3 使用 egui_dock

以下是一个简单的示例，展示如何在 egui 应用程序中使用 egui_dock：

use egui::{Ui, WidgetText};
use egui_dock::{DockArea, DockState, NodeIndex, Style, TabViewer};

// 定义标签页类型
type Tab = String;

// 实现 TabViewer 以定义标签页的内容和属性
struct MyTabViewer;

impl TabViewer for MyTabViewer {
    type Tab = Tab;

    fn ui(&mut self, ui: &mut Ui, tab: &mut Self::Tab) {
        ui.label(format!("Content of {}", tab));
    }
}

fn main() {
    let tabs = ["tab1", "tab2", "tab3"].map(str::to_string).into_iter().collect();
    let mut dock_state = DockState::new(tabs);

    eframe::run_native(
        "My egui App with Docking",
        eframe::NativeOptions::default(),
        Box::new(|_cc| Box::new(MyApp { dock_state })),
    );
}

struct MyApp {
    dock_state: DockState<Tab>,
}

impl eframe::App for MyApp {
    fn update(&mut self, ctx: &egui::Context, _frame: &mut eframe::Frame) {
        egui::CentralPanel::default().show(ctx, |ui| {
            DockArea::new(&mut self.dock_state)
                .style(Style::from_egui(ui.style().as_ref()))
                .show_inside(ui, &mut MyTabViewer);
        });
    }
}