egui TopBottomPanel Tutorial - Recipe Viewer App | Learn Rust GUI Ep 11
7views
0011:10
T
Taught by Celeste AI - AI Coding Coach
View on YouTubeDescription
Build a Recipe Viewer with top panels, bottom panels, and selectable tabs in egui! In this episode, we create a three-panel
layout with a menu bar, status bar, and content area — all coded in Neovim.
Student code: https://github.com/GoCelesteAI/egui_recipe_viewer
What You'll Learn:
- TopBottomPanel::top() for menu bars and navigation
- TopBottomPanel::bottom() for status bars
- selectable_label() for clickable tab switching
- CentralPanel for main content area
- Struct-based data with Vec
- Neo-tree S key for vertical splits in Neovim
This is Episode 11 of the "Learn egui in Neovim" series where we build real desktop apps with Rust's egui framework, all coded
in Neovim with Neo-tree.
Chapters:
0:00 Intro
0:12 App Preview
0:22 What We'll Cover
0:54 Create Project
1:24 Edit Cargo.toml
1:50 Write main.rs
2:30 Create app.rs - Structs
3:30 Default Implementation - Recipes
7:30 App Trait - Top Panel
8:30 Bottom Panel
9:30 Central Panel
10:20 Build & Review
11:00 App Demo
12:00 Recap
Next: Episode 12 — Side Panel
Tags
egui, rust, gui, tutorial, neovim, top panel, bottom panel, recipe viewer, selectable label, central panel, TopBottomPanel,
desktop app, rust programming, learn rust, beginner
Tags
eguirustguitutorialneovimtop panelbottom panelrecipe viewerselectable labelcentral panelTopBottomPaneldesktop apprust programminglearn rustbeginner