SDL_RenderFillRect无显示：复刻贪吃蛇游戏时无法渲染矩形

嘿，我来帮你排查这个问题！你现在看不到屏幕中央的矩形，核心原因是渲染顺序搞反了，还有几个小细节拖了后腿，咱们一个个解决：

问题根源分析 #

• 渲染顺序完全颠倒：在你的InitSnake()方法里，你先画了白色矩形，然后立刻调用SDL_RenderClear(render)——这个函数会把整个屏幕用之前设置的黑色清空，等于刚画的矩形直接被擦掉了，自然看不到任何内容。
• 主循环重复执行初始化逻辑：你在主循环里每次都调用InitSnake()，就算渲染顺序对了，也会重复执行不必要的绘制步骤，而且逻辑上InitSnake只需要初始化一次，渲染应该放到循环的每帧更新里。
• 全局变量run不够优雅：把游戏运行状态放到全局变量里，不仅代码耦合度高，还容易引发意外的副作用。

修正后的完整代码 #

#include <iostream>
#include <SDL2/SDL.h>
#include <SDL2/SDL_image.h>

class Game {
private:
    SDL_Window* window = NULL;
    SDL_Renderer* render = NULL;
    SDL_Rect snake;
    bool run = true; // 将运行状态封装到类内部

public:
    Game() {
        // 初始化SDL窗口与渲染器
        window = SDL_CreateWindow("Snake Game", SDL_WINDOWPOS_CENTERED, SDL_WINDOWPOS_CENTERED, 800, 800, SDL_WINDOW_RESIZABLE);
        render = SDL_CreateRenderer(window, -1, SDL_RENDERER_ACCELERATED);
        
        // 让蛇的中心正好处于屏幕中央（宽高50，所以坐标减去25）
        snake.x = 400 - 25;
        snake.y = 400 - 25;
        snake.w = 50;
        snake.h = 50;
    }

    void handleEvents() {
        SDL_Event event;
        // 用while处理所有待处理事件，避免事件堆积
        while(SDL_PollEvent(&event)){
            if(event.type == SDL_QUIT){
                run = false;
            }
        }
    }

    void update() {
        // 后续可以在这里添加蛇的移动、碰撞检测等逻辑
    }

    void renderFrame() {
        // 第一步：清屏（用黑色填充整个窗口）
        SDL_SetRenderDrawColor(render, 0, 0, 0, 255);
        SDL_RenderClear(render);

        // 第二步：绘制蛇（设置白色，填充矩形）
        SDL_SetRenderDrawColor(render, 255, 255, 255, 255);
        SDL_RenderFillRect(render, &snake);

        // 第三步：将渲染内容呈现到窗口
        SDL_RenderPresent(render);
    }

    bool isRunning() {
        return run;
    }

    ~Game() {
        // 程序结束时清理SDL资源，避免内存泄漏
        SDL_DestroyRenderer(render);
        SDL_DestroyWindow(window);
        SDL_Quit();
    }
};

int main( int argc, char *argv[] ) {
    // 检查SDL初始化是否成功，方便调试错误
    if(SDL_Init(SDL_INIT_EVERYTHING) != 0){
        std::cerr << "SDL初始化失败: " << SDL_GetError() << std::endl;
        return 1;
    }

    Game game;

    while(game.isRunning()) {
        game.handleEvents();
        game.update();
        game.renderFrame();
    }

    return 0;
}

关键修改说明 #

1. 修复渲染顺序：在renderFrame()里严格遵循「清屏 → 绘制元素 → 呈现内容」的顺序，这样绘制的矩形不会被清空操作覆盖。
2. 修正蛇的位置：原来的坐标会让矩形左上角在屏幕中央，减去25后让矩形中心正好对齐屏幕中心，符合你的预期。
3. 封装运行状态：把run移到Game类内部，通过isRunning()方法对外提供状态，代码更整洁安全。
4. 完善事件处理：用while(SDL_PollEvent)替代if，确保所有待处理的事件都能被处理，避免窗口无响应。
5. 添加资源清理：在类的析构函数里销毁SDL资源，养成良好的内存管理习惯。
6. 增加错误检查：对SDL初始化结果进行判断，出现问题时能输出错误信息，方便调试。

内容的提问来源于stack exchange，提问作者Plamen Tsanev