egui Когда Rust-интерфейсы становятся простыми и кроссплатформенными

Знакома ситуация, когда хочется быстро набросать графический интерфейс для своей Rust-утилиты, но приходится выбирать между сложными фреймворками и не всегда удобными привязками к системным библиотекам? Или, может быть, вы мечтаете о веб-приложении на чистом Rust, но перспектива работы с JavaScript на фронтенде отбивает всякое желание? Что ж, у меня для вас отличные новости! Сегодня мы поговорим о проекте, который меняет правила игры — egui.

Что такое egui и кому он нужен?

egui (произносится как «и-гуи») — это не просто очередная библиотека для создания пользовательских интерфейсов. Это Immediate Mode GUI (IMGUI) на чистом Rust, разработанный с одной главной целью: сделать создание GUI максимально простым, быстрым и переносимым. Забудьте о сложных циклах жизни виджетов, колбэках, которые теряют контекст, и проблемах с синхронизацией состояния.

Кому это будет интересно? В первую очередь, Rust-разработчикам, которым нужен функциональный, но не обязательно «нативный» по внешнему виду интерфейс. Если вы пишете:

Инструменты разработки и отладки: Внутренние утилиты, дебаг-панели для игр или других сложных систем.
Быстрые прототипы и MVP: Когда нужно оперативно показать идею, не утопая в деталях UI-фреймворков.
Кроссплатформенные приложения: От десктопа до веба и даже Android, используя одну кодовую базу.
Встраиваемые интерфейсы: Например, в игровые движки, где важна гибкость и контроль над рендерингом.

То egui может стать вашим лучшим другом.

Ключевые особенности, которые цепляют

Давайте разберем, что делает egui таким привлекательным для современного Rust-разработчика.

1. Истинная кроссплатформенность из коробки

Одна из самых сильных сторон egui — его способность работать практически везде. Ваш код на Rust с egui может быть скомпилирован и запущен:

Нативно: Под Linux, macOS, Windows.
В вебе: Благодаря WebAssembly (Wasm) и WebGL, ваш Rust-код с egui превращается в полноценное веб-приложение.
В игровых движках: egui спроектирован так, чтобы легко интегрироваться в любую среду, где можно рисовать текстурированные треугольники.

Для удобства кроссплатформенной разработки команда egui предлагает официальный фреймворк eframe, который берет на себя все заботы по интеграции с различными платформами.

2. Философия Immediate Mode: Простота кода

Это, пожалуй, главная «фишка» egui. В отличие от традиционных «retained mode» GUI (где вы создаете виджет, а затем управляете его состоянием через колбэки), в Immediate Mode вы просто «рисуете» интерфейс каждый кадр. Звучит необычно, но на практике это сильно упрощает код.

Представьте: вместо того, чтобы создавать кнопку, сохранять на нее ссылку и вешать обработчик onClick, вы просто говорите: «нарисуй кнопку, и если на нее нажали, сделай это». Вот как это выглядит в коде:

ui.heading("Мое egui приложение");
ui.horizontal(|ui| {
    ui.label("Ваше имя: ");
    ui.text_edit_singleline(&mut name);
});
ui.add(egui::Slider::new(&mut age, 0..=120).text("возраст"));
if ui.button("Увеличить").clicked() {
    age += 1;
}
ui.label(format!("Привет '{name}', возраст {age}"));
ui.image(egui::include_image!("ferris.png"));

Согласитесь, выглядит очень чисто и интуитивно! Нет необходимости в сложных структурах для хранения состояния UI, ведь оно всегда актуально, отображая текущее состояние вашего приложения.

3. Богатый набор виджетов и гибкая кастомизация

egui поставляется с приличным набором готовых виджетов: от базовых кнопок, чекбоксов и слайдеров до текстовых редакторов с поддержкой многострочного ввода, копирования/вставки и даже эмодзи. Есть полноценные окна с возможностью перемещения и изменения размера, панели, сворачиваемые заголовки и многое другое.

Темная тема Светлая тема

А если вам нужно что-то уникальное, egui позволяет легко создавать собственные виджеты. Плюс, вы можете настроить внешний вид всего интерфейса — цвета, отступы, шрифты и размеры — через Context::set_style. Это не CSS, но для большинства задач кастомизации хватает.

4. Безопасность Rust и минимальные зависимости

Для Rust-разработчиков это не пустой звук: egui полностью написан на чистом Rust и не содержит unsafe кода. Это дает уверенность в безопасности и надежности. Библиотека стремится к минимальным зависимостям, что упрощает интеграцию и уменьшает размер конечного бинарника.

Погружаемся в детали: Immediate Mode GUI

Давайте чуть подробнее разберем, что такое Immediate Mode GUI (IMGUI) и почему egui выбрал именно этот путь.

Представьте, что вы рисуете картину. В Retained Mode вы сначала создаете холст, потом говорите: «нарисуй здесь дерево, здесь — дом, а здесь — солнце». Если вам нужно изменить цвет дома, вы находите объект «дом» и меняете его свойство. Состояние UI хранится где-то отдельно, и вы с ним взаимодействуете.

В Immediate Mode вы каждый раз рисуете картину заново. Каждый кадр вы говорите: «нарисуй дерево, нарисуй дом (сегодня он синий), нарисуй солнце». Если дом должен стать красным, вы просто меняете цвет в коде, который рисует дом, и на следующем кадре он уже красный. UI не хранит своего состояния; он немедленно отображает текущее состояние вашего приложения.

Преимущества Immediate Mode:

Простота кода: Как мы видели выше, код становится очень линейным и понятным. Нет колбэков, нет необходимости управлять жизненным циклом виджетов.
Отсутствие проблем с синхронизацией: UI всегда актуален, потому что он каждый кадр перерисовывается на основе текущего состояния вашего приложения. Нет «устаревших» данных в интерфейсе.
Легкость интеграции: egui не навязывает вам свою систему рендеринга или событий. Он просто генерирует треугольники, которые вы можете отрисовать любым удобным способом (OpenGL через egui_glow, WebGPU через egui-wgpu и т.д.).

Недостатки и их решения в egui:

Конечно, у каждого подхода есть свои компромиссы. Главные «слабые места» IMGUI — это компоновка и потенциальная нагрузка на CPU.

Компоновка (Layout): В IMGUI сложно заранее узнать размер виджета, чтобы правильно его расположить. egui решает это, используя двухпроходную систему для некоторых элементов (например, окон), где первый проход определяет размеры, а второй — отрисовывает. Это может вызвать «дрожание» на первом кадре, но для большинства виджетов egui знает размер сразу.
Нагрузка на CPU: Перерисовка всего UI каждый кадр может быть ресурсоемкой. Однако egui очень оптимизирован: он перерисовывается только тогда, когда есть взаимодействие (движение мыши, ввод) или анимация. В режиме ожидания egui практически не потребляет CPU. Для сложных случаев, например, очень длинных прокручиваемых списков, можно оптимизировать отрисовку, показывая только видимую часть.
Идентификаторы (IDs): Для сохранения состояния некоторых виджетов (например, положения окна или прокрутки) egui нужны уникальные идентификаторы. По умолчанию он использует, например, заголовки окон. Если у вас несколько окон с одинаковым названием, нужно будет явно указать уникальный ID. Но для большинства виджетов ID генерируются автоматически, и вам не нужно об этом беспокоиться.

Где egui найдет практическое применение?

Разработка egui спонсируется Rerun, стартапом, создающим SDK для визуализации потоков мультимодальных данных.

Примеры использования egui уже сейчас впечатляют:

Инструменты визуализации: Проект Rerun, который, кстати, спонсирует разработку egui, использует его для своего мощного SDK визуализации потоковых данных. Это отличный пример того, как egui справляется со сложными задачами.
Игровые утилиты и редакторы: Благодаря легкости интеграции, egui идеально подходит для создания внутриигровых отладочных меню, редакторов уровней или инструментов для моддинга.
Простые веб-приложения: Хотите сделать калькулятор, конвертер или небольшой интерактивный инструмент, который будет работать прямо в браузере, но без JavaScript? egui + Wasm — ваш выбор.
Кроссплатформенные десктопные утилиты: От файловых менеджеров до простых графических редакторов, egui позволяет быстро создавать функциональные приложения.

Стоит ли попробовать egui?

Если вы Rust-разработчик и ищете способ быстро и безболезненно добавить графический интерфейс к своим проектам, то однозначно да. egui — это свежий взгляд на разработку GUI, который предлагает простоту, скорость и невероятную переносимость.

Конечно, у него есть свои особенности, такие как философия Immediate Mode и не совсем «нативный» внешний вид (хотя и очень приятный и современный). Но если эти моменты вас не смущают, вы получите мощный инструмент, который позволит вам сосредоточиться на логике вашего приложения, а не на борьбе с UI-фреймворком.

Проект активно развивается, и хотя API может меняться, его уже используют в серьезных проектах. Это говорит о его зрелости и потенциале.

Не откладывайте, попробуйте egui прямо сейчас!

Запустите веб-демо и поиграйтесь с ним в браузере.
Посмотрите примеры кода в репозитории.
Изучите официальную документацию.

egui доказывает, что GUI на Rust может быть не только мощным, но и по-настоящему приятным в разработке. Удачи в ваших проектах!