raygui 即时模式 GUI3 步搭出可交互参数面板不用第三方库【免费下载链接】raylibA simple and easy-to-use library to enjoy videogames programming项目地址: https://gitcode.com/GitHub_Trending/ra/raylibraygui 是 raylib 自带的单头文件即时模式 GUIImmediate Mode GUI库。下面带你用不到 50 行 C 代码搭出一个能实时调节图形参数、带滑块和复选框的交互面板。跑完你可以复现仓库里的圆角矩形调试界面控件逻辑全在 examples/shapes/raygui.h 里。最终效果先睹为快右侧竖排是滑块和复选框拖动滑块左侧矩形实时改变圆角、粗细和分段数。下面 3 步搭出来。最短路径3 步跑通第一个 GUI 画面这一步的关键是——raygui 不单独编译靠一个宏把实现塞进当前源文件。拉取仓库git clone https://gitcode.com/GitHub_Trending/ra/raylib把 examples/shapes/raygui.h 复制进你的工程目录。在#include raygui.h前加一行#define RAYGUI_IMPLEMENTATION。跑通后你应该看到一个能点击的按钮窗口右上角显示 FPS。#include raylib.h #define RAYGUI_IMPLEMENTATION // 仅此一处展开实现 #include raygui.h int main(void) { InitWindow(800, 450, raygui demo); while (!WindowShouldClose()) { BeginDrawing(); ClearBackground(RAYWHITE); if (GuiButton((Rectangle){16, 16, 140, 40}, Reset)) { TraceLog(LOG_INFO, button pressed); } DrawFPS(16, 340); EndDrawing(); } CloseWindow(); return 0; }这段代码解决的是如何零成本引入 raygui关键是RAYGUI_IMPLEMENTATION宏——它让你不需要链接额外库。即时模式的一句话机制即时模式不保存控件状态树而是每帧把控件重画一遍你传进变量的当前值它读鼠标算出新值写回返回值表示这一帧被点了。状态永远在你自己的变量里raygui 只管画和采样输入。float speed 1.0f; // 状态在你手里 GuiSliderBar((Rectangle){16, 100, 220, 24}, speed, TextFormat(%.2f, speed), speed, 0, 5); // 每帧读鼠标、写回 speed能渲染滑块绑定浮点变量 先让面板看得见。GuiSliderBar吃一个float*拖动即写回无需回调。float roundness 0.2f; float width 200.0f; GuiSliderBar((Rectangle){640, 40, 105, 20}, Width, TextFormat(%.2f, width), width, 0, 500); GuiSliderBar((Rectangle){640, 70, 105, 20}, Roundness, TextFormat(%.2f, roundness), roundness, 0, 1); DrawRectangleRounded((Rectangle){100, 120, width, 200}, roundness, 8, MAROON);如果上一步已 OK接下来让面板能切状态。TextFormat负责把浮点值排进标签滑块右端实时显示当前值。能交互按钮与下拉框驱动状态 按钮返回值直接当if条件用下拉框传分号分隔的选项串。bool showGrid false; int colorIndex 0; if (GuiButton((Rectangle){16, 200, 140, 40}, Clear)) { colorIndex 0; } GuiToggle((Rectangle){16, 250, 140, 40}, Grid, showGrid); GuiDropdownBox((Rectangle){16, 300, 140, 40}, Red;Blue;Green, colorIndex, true);这段代码解决无回调交互GuiButton返回true表示本帧被点GuiDropdownBox把选中项写回colorIndex。能扩展调色板与面板组合 控件能自由组合。GuiColorPicker直接读写一个Color面板、列表、选项卡都能叠加仓库里的饼图调试器就是这类组合。GuiGroupBox((Rectangle){560, 16, 220, 300}, Chart); GuiColorPicker((Rectangle){580, 60, 180, 180}, base, baseColor); GuiCheckBox((Rectangle){580, 260, 20, 20}, ShowLabels, showLabels);绘制逻辑见 examples/shapes/shapes_pie_chart.cGuiGroupBox只画边框和标题不占交互适合当容器。三个高频坑中文乱码。原因默认字体只含 95 个 ASCII 码点。一行修复GuiSetFont(LoadFontEx(myfont.ttf, 32, NULL, 0));字体加载见 examples/text/text_font_loading.c。滑块拖了变量却不动。原因传了值而不是地址。修复第三个参数必须是var不是var。控件被游戏画面盖住。原因GUI 和游戏图元在BeginDrawing里混着画顺序错就叠错层。修复把所有Gui*调用放到EndDrawing前的最后。接下来 3 件事读控件绘制核心examples/shapes/raygui.h 里的GuiDrawRectangle与GuiDrawText看清每个控件如何取状态。照抄 examples/shapes/shapes_pie_chart.c用GuiSpinner 多条GuiSliderBar做一个多切片调试面板。给侧边栏加GuiListView、顶部加GuiTabBar把参数分组成多页实现 examples/core/core_basic_window.c 那样的完整调试窗口。【免费下载链接】raylibA simple and easy-to-use library to enjoy videogames programming项目地址: https://gitcode.com/GitHub_Trending/ra/raylib创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考