Rust egui 图形绘制教程：轻松上手创建动态界面图形

在 Rust 中使用 Egui 绘制图形，你需要遵循以下步骤：

1. 首先，确保你已经安装了 Rust 和 Egui。你可以在 Egui 的 GitHub 仓库 上找到安装说明。

2. 创建一个新的 Rust 项目，或者在现有的项目中添加 Egui 依赖项。在你的 Cargo.toml 文件中添加以下内容：

[dependencies]
egui = "0.17"

1. 在你的 Rust 代码中引入 Egui 和其他必要的库。例如：

use egui::{Context, Color32, FontData, FontDefinitions, TextStyle};
use egui_winit::EguiWinit; // 用于与 Winit 窗口系统集成
use winit::{
    event::{Event, WindowEvent},
    event_loop::{ControlFlow, EventLoop},
    window::WindowBuilder,
};

1. 在你的主函数中设置 Egui 上下文和 Winit 事件循环。例如：

fn main() {
    let event_loop = EventLoop::new();
    let window = WindowBuilder::new()
        .with_title("Egui 绘制图形示例")
        .build(&event_loop)
        .unwrap();

    let mut egui_winit = EguiWinit::new(&window);
    event_loop.run(move |event, _, control_flow| {
        *control_flow = ControlFlow::Poll;

        egui_winit.handle_event(&event);
        egui_winit.update();

        if let Some(ui) = egui_winit.begin_ui(&window) {
            draw_shapes(ui);
        }
    });
}

1. 在你的代码中定义一个函数来绘制图形。例如，以下代码将在 Egui 界面中绘制一个矩形和一个圆形：

fn draw_shapes(ui: &egui::Ui) {
    ui.add(egui::Slider::new(&mut 0.0, 0.0..=100.0).text("矩形宽度"));
    ui.add(egui::Slider::new(&mut 0.0, 0.0..=100.0).text("矩形高度"));

    let rect_width = ui.add(egui::Value::new(0.0));
    let rect_height = ui.add(egui::Value::new(0.0));
    if ui.button("绘制矩形").clicked() {
        let width = rect_width.value();
        let height = rect_height.value();
        ui.add(egui::Image::new(Color32::from_rgb(255, 0, 0)).rect_filled(ui.max_rect(), Color32::from_rgb(255, 0, 0)));
    }

    ui.add(egui::Slider::new(&mut 0.0, 0.0..=100.0).text("圆形半径"));
    if ui.button("绘制圆形").clicked() {
        let radius = ui.add(egui::Value::new(0.0));
        let center_x = ui.max_rect().center_x();
        let center_y = ui.max_rect().center_y();
        ui.add(egui::Image::new(Color32::from_rgb(0, 0, 255)).rect_filled(
            egui::Rect::from_min(egui::Pos2::new(center_x - radius.value(), center_y - radius.value()), egui::Pos2::new(center_x + radius.value(), center_y + radius.value())),
            Color32::from_rgb(0, 0, 255),
        ));
    }
}

这个示例中的 draw_shapes 函数使用了 Egui 的 Slider 和 Button 组件来允许用户调整矩形的宽度和高度以及圆形的半径。当用户点击按钮时，将绘制相应的图形。

你可以根据自己的需求修改这个示例，以便在你的 Rust 项目中使用 Egui 绘制其他图形。更多关于 Egui 的信息和示例，请查阅 Egui 官方文档。