点击GLArea（Glium后端）调用渲染方法无画面更新问题

问题描述 #

我希望在GLArea的点击事件触发时执行渲染操作，但调用绘制方法后GLArea画面没有变化。Renderer结构体的my_draw_func()方法包含渲染逻辑，目前实现的是将GliumArea填充为黑色并绘制三角形。

问题场景 #

点击事件处理器中调用Renderer::my_draw_func()，代码如下：

let gl_area = Rc::new(GliumArea::new());
let click = GestureClick::new();
click.connect_pressed(|_, _, _, _| {
    g.inner().renderer.borrow_mut().as_mut().unwrap().my_draw_func();
});
gl_area.add_controller(click);

my_draw_func()能正常执行（调试打印输出正常），但GliumArea画面无变化。

关键细节 #

• GliumArea的inner()方法可获取内部GliumGLArea以访问Renderer；
• 若在GLAreaImpl::render()中调用my_draw_func()，渲染正常工作：

impl GLAreaImpl for GliumGLArea {
    fn render(&self, _context: &gtk::gdk::GLContext) -> bool {
        // 运行正常
        self.renderer.borrow().as_ref().unwrap().my_draw_foo();

        true
    }
}

原因分析 #

GTK的GLArea有严格的渲染生命周期：渲染操作必须在render()虚函数/信号的上下文内执行，因为此时GL上下文已被正确激活，且GTK会处理后续的缓冲区交换和画面刷新。直接在点击事件中调用渲染方法，会因为以下问题导致画面不更新：

1. 点击事件回调中GL上下文未被激活，渲染操作的结果无法正确写入帧缓冲区；
2. 即使渲染成功，也没有触发GTK的画面刷新流程，绘制结果不会显示到屏幕上。

解决步骤 #

1. 添加状态标记控制渲染逻辑 #

在GliumGLArea结构体中添加一个状态变量，标记是否需要执行自定义渲染：

#[derive(Default)]
pub struct GliumGLArea {
    pub renderer: RefCell<Option<Renderer>>,
    // 添加自定义渲染状态标记
    pub use_custom_render: RefCell<bool>,
}

2. 修改点击事件回调，设置状态标记并触发刷新 #

点击事件中不再直接调用渲染方法，而是设置状态标记，并调用queue_render()触发GLArea的渲染流程：

fn build_ui(app: &Application) {
    let gl_area = Rc::new(GliumArea::new());

    let click = GestureClick::new();
    let g = gl_area.clone();
    click.connect_pressed(move |_, _, x, y| {
        // 设置自定义渲染标记
        *g.inner().use_custom_render.borrow_mut() = true;
        // 触发GLArea重新渲染
        g.queue_render();
    });

    gl_area.add_controller(click);

    let window = ApplicationWindow::builder()
        .application(app)
        .child(gl_area.as_ref())
        .title("Application")
        .build();
    
    window.present();
}

3. 修改render()方法，根据状态选择渲染逻辑 #

在GLAreaImpl的render()方法中，根据状态标记决定调用默认的draw()还是自定义的my_draw_func()：

impl GLAreaImpl for GliumGLArea {
    fn render(&self, _context: &gtk::gdk::GLContext) -> bool {    
        let mut use_custom = self.use_custom_render.borrow_mut();
        let renderer = self.renderer.borrow().as_ref().unwrap();
        
        if *use_custom {
            renderer.my_draw_func();
            // 执行一次后重置标记，避免重复渲染
            *use_custom = false;
        } else {
            renderer.draw();
        }
        
        true
    }
}

可选：手动激活GL上下文（不推荐） #

如果在特殊场景下需要在事件回调中执行GL操作，可手动激活GL上下文并触发刷新，但这种方式不符合GTK设计规范：

click.connect_pressed(move |_, _, x, y| {
    let gl_area = g.clone();
    // 手动激活GL上下文
    gl_area.make_current();
    g.inner().renderer.borrow().as_ref().unwrap().my_draw_func();
    // 触发画面刷新
    gl_area.queue_render();
});

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