基于GEGL与GTK4实现支持平移/缩放的简单图片查看器的方案咨询

优先选择轻量无GEGL方案（更易实现、依赖更少） #

该方案性能远高于Pixbuf+ScrolledWindow的组合，不需要引入额外的图形库依赖，核心实现逻辑如下：

• 基础容器选用GtkDrawingArea作为绘制载体，避免GtkScrolledWindow额外的布局计算开销
• 手势交互直接使用GTK4原生事件控制器：用GtkGestureDrag处理平移逻辑，用GtkEventControllerScroll处理触摸板捏合缩放（捏合手势会自动触发带GDK_SCROLL_SMOOTH标记的滚动事件，直接取事件的delta值计算缩放系数即可），无需自己模拟事件，流畅度更高
• 内存优化用按需绘制逻辑：不要提前全量缩放整个Pixbuf，而是通过cairo矩阵变换直接对绘制上下文做平移、缩放操作，仅计算当前视口内的图像区域，大图像可自行实现瓦片切割缓存，滚出视口的瓦片及时释放，内存占用可稳定控制在几十MB级别，哪怕加载GB级别的扫描图也不会内存爆炸

核心绘制回调示例：

typedef struct {
    double offset_x;  // 平移X偏移
    double offset_y;  // 平移Y偏移
    double scale;     // 缩放系数
    cairo_surface_t *full_img_surf; // 原图缓存（小图可直接存，大图替换为瓦片数组）
} ImageView;

static void image_view_draw(GtkDrawingArea *area, cairo_t *cr, 
                            int width, int height, gpointer user_data)
{
    ImageView *view = user_data;
    // 应用变换矩阵
    cairo_translate(cr, view->offset_x, view->offset_y);
    cairo_scale(cr, view->scale, view->scale);
    // 绘制图像区域（大图像此处替换为视口内瓦片遍历绘制逻辑）
    cairo_set_source_surface(cr, view->full_img_surf, 0, 0);
    cairo_paint(cr);
}

GEGL 适配GTK4实现方案 #

如果后续需要增加滤镜、调色等高级图像操作，可以选择GEGL方案，目前GEGL主分支已经支持GTK4绑定，只是官方文档尚未更新，核心实现逻辑如下：

• 初始化GEGL渲染管线，构建图像加载节点 -> 变换节点 -> 输出节点的处理链路
• 平移、缩放操作直接修改变换节点的属性即可，GEGL底层自带多线程渲染、懒加载、瓦片缓存机制，不需要自己实现内存管理逻辑
• 绘制时直接调用gegl_node_blit接口将输出节点的内容渲染到GtkDrawingArea的cairo上下文即可

核心实现示例：

#include <gegl.h>

typedef struct {
    double offset_x;
    double offset_y;
    double scale;
    GeglNode *root_node;
    GeglNode *load_node;
    GeglNode *transform_node;
} GeglImageView;

// 管线初始化
void gegl_image_view_init(GeglImageView *view, const char *img_path)
{
    view->root_node = gegl_node_new();
    view->load_node = gegl_node_new_child(view->root_node,
        "operation", "gegl:load",
        "path", img_path,
        NULL);
    view->transform_node = gegl_node_new_child(view->root_node,
        "operation", "gegl:transform",
        NULL);
    GeglNode *output_node = gegl_node_new_child(view->root_node,
        "operation", "gegl:cairo-output",
        NULL);
    gegl_node_link_many(view->load_node, view->transform_node, output_node, NULL);
}

// 绘制回调
static void gegl_image_view_draw(GtkDrawingArea *area, cairo_t *cr,
                                 int width, int height, gpointer user_data)
{
    GeglImageView *view = user_data;
    // 更新变换参数
    g_object_set(view->transform_node,
        "x", view->offset_x,
        "y", view->offset_y,
        "scale-x", view->scale,
        "scale-y", view->scale,
        NULL);
    // 渲染到cairo上下文
    gegl_node_blit(gegl_node_get_output(view->transform_node, "output"),
        1.0, NULL, cr, GEGL_BLIT_DEFAULT, NULL);
}

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