egui 开源项目教程

最新推荐文章于 2024-09-02 08:16:20 发布

左唯妃Stan

最新推荐文章于 2024-09-02 08:16:20 发布

阅读量845

点赞数 25

本文链接：https://blog.csdn.net/gitblog_00511/article/details/141047816

版权

egui 开源项目教程

eguiegui: an easy-to-use immediate mode GUI in Rust that runs on both web and native项目地址:https://gitcode.com/gh_mirrors/eg/egui

项目介绍

egui 是一个用 Rust 编写的即时模式图形用户界面（GUI）库，它可以在 Web 和原生平台上运行。egui 的设计目标是易于使用、响应快速、友好、可移植、易于集成、模块化、安全，并且依赖最小化。它不是一个框架，而是一个库，你可以调用它，而不是为它编程。

项目快速启动

安装依赖

在开始之前，确保你的系统上安装了以下依赖：

libxkbcommon-devel
pkg-config
openssl-devel
libxcb-devel
gtk3-devel
atk
fontconfig-devel

编写第一个 egui 应用

以下是一个简单的 egui 应用示例：

use egui::{Context, CentralPanel, Window, Slider, Ui};
use eframe::{App, Frame, CreationContext};

struct MyApp {
    name: String,
    age: u32,
}

impl App for MyApp {
    fn update(&mut self, ctx: &Context, _frame: &mut Frame) {
        Window::new("My egui Application").show(ctx, |ui| {
            ui.horizontal(|ui| {
                ui.label("Your name: ");
                ui.text_edit_singleline(&mut self.name);
            });
            ui.add(Slider::new(&mut self.age, 0..=120).text("age"));
            if ui.button("Increment").clicked() {
                self.age += 1;
            }
            ui.label(format!("Hello '{}', age {}", self.name, self.age));
        });
    }
}

impl MyApp {
    fn new(_cc: &CreationContext<'_>) -> Self {
        MyApp {
            name: "World".to_owned(),
            age: 42,
        }
    }
}

fn main() {
    let options = eframe::NativeOptions::default();
    eframe::run_native(
        "My egui App",
        options,
        Box::new(|cc| Box::new(MyApp::new(cc))),
    );
}