基于cairo.h的窗口明暗模式切换淡入动画失效问题咨询

核心失效原因 #

• 循环变量类型错误：你定义的i是int整型，每次加减0.005都会被自动取整，数值始终不会产生预期的渐变变化，甚至可能直接进入死循环。
• 阻塞GUI刷新逻辑：sleep()会阻塞当前主线程，所有绘图操作的结果都不会实时同步到窗口显示，只会等整个函数执行完成后才显示最终状态，看不到中间过渡帧。
• 缺少显式刷新触发：每次绘制到cairo surface后，你没有主动触发窗口重绘操作，系统不会主动把surface的内容更新到屏幕上。

修复方案 #

方案1（推荐）：用定时器实现非阻塞渐变 #

不会阻塞其他UI交互，符合GUI程序的常规开发逻辑，以GTK框架为例：

// 单次绘制指定亮度的遮罩
void paint_fade_step(cairo_surface_t* surface, double brightness) {
    cairo_t* cr = cairo_create(surface);
    cairo_set_source_rgb(cr, brightness, brightness, brightness);
    cairo_rectangle(cr, 0, GUI_Y, getX_SizeWindow(), getY_SizeWindow() - GUI_Y);
    cairo_fill(cr);
    cairo_destroy(cr);
    // 主动触发窗口刷新，根据你使用的GUI框架调整对应接口
    queue_draw_main_window(); 
}

static double current_brightness;
static gboolean fade_step(gpointer user_data) {
    gboolean is_dark = GPOINTER_TO_INT(user_data);
    if (is_dark) {
        current_brightness -= 0.005;
        if (current_brightness <= 0.2) {
            current_brightness = 0.2;
            return G_SOURCE_REMOVE; // 渐变结束，销毁定时器
        }
    } else {
        current_brightness += 0.005;
        if (current_brightness >= 1.0) {
            current_brightness = 1.0;
            return G_SOURCE_REMOVE; // 渐变结束，销毁定时器
        }
    }
    paint_fade_step(surface, current_brightness);
    return G_SOURCE_CONTINUE; // 继续执行下一帧渐变
}

// 明暗模式切换时调用该函数启动渐变
void start_fade(gboolean darkmode) {
    current_brightness = darkmode ? 1.0 : 0.2;
    // 100ms触发一帧，匹配你原本的过渡速度设置
    g_timeout_add(100, fade_step, GINT_TO_POINTER(darkmode));
}

方案2：单函数阻塞实现（不推荐，会卡住其他UI操作） #

如果必须在单个函数内完成渐变，修改逻辑如下：

#include <unistd.h>

void paint_fade(cairo_surface_t* surface){
    cairo_t*cr = cairo_create(surface);
    double i; // 修正为浮点类型
    if(darkmode){
        for(i=1; i>0.2; i-=0.005){
            cairo_set_source_rgb(cr, i, i, i);
            cairo_rectangle(cr, 0, GUI_Y, getX_SizeWindow(), getY_SizeWindow()-GUI_Y);
            cairo_fill(cr);
            // 处理所有待执行的GUI事件，触发屏幕刷新，根据你的GUI框架调整接口
            process_pending_gui_events();
            // 非阻塞毫秒级延时，0.1s对应100000微秒
            usleep(100000);
        }
    }
    else{
        for(i=0.2; i<1; i+=0.005){
            cairo_set_source_rgb(cr, i, i, i);
            cairo_rectangle(cr, 0, GUI_Y, getX_SizeWindow(), getY_SizeWindow()-GUI_Y);
            cairo_fill(cr);
            process_pending_gui_events();
            usleep(100000);
        }
    }
    cairo_destroy(cr); 
}

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