GTK3：调整窗口时GtkImage保持宽高比的实现问题求助

你的代码出现错误且无法保持宽高比，主要是信号选择不当、丢失原始图像引用、未处理比例计算这几个问题导致的，我来帮你一步步解决：

问题根源分析 #

• 信号选择错误：使用draw信号处理缩放会导致每次重绘都触发缩放逻辑，不仅重复计算浪费资源，还可能在图像未完全初始化时调用gtk_image_get_pixbuf返回NULL，触发那些Critical错误。
• 丢失原始图像：每次缩放都覆盖当前的Pixbuf，会导致图像质量逐次下降，同时也容易引发引用计数问题。
• 未处理宽高比：直接使用widget的尺寸缩放，自然会拉伸图像，破坏原始比例。

修复方案与完整代码 #

我会基于你的需求重新编写代码，解决以上问题：

#include <gtk/gtk.h>
#include <gdk-pixbuf/gdk-pixbuf.h>

// 保存原始图像的Pixbuf，所有缩放都基于它，避免质量损失
static GdkPixbuf *original_pixbuf = NULL;

static gboolean resize_image(GtkWidget *widget, GtkAllocation *allocation, gpointer user_data) {
    if (!original_pixbuf) {
        g_printerr("原始图像加载失败！\n");
        return FALSE;
    }

    // 获取原始图像的宽高
    int orig_w = gdk_pixbuf_get_width(original_pixbuf);
    int orig_h = gdk_pixbuf_get_height(original_pixbuf);
    // 获取当前widget的可用尺寸
    int target_w = allocation->width;
    int target_h = allocation->height;

    // 计算保持宽高比的目标尺寸
    double orig_aspect = (double)orig_w / orig_h;
    double target_aspect = (double)target_w / target_h;

    if (target_aspect > orig_aspect) {
        // 当前容器更宽，按高度限制缩放，计算对应宽度
        target_w = (int)(target_h * orig_aspect);
    } else {
        // 当前容器更高，按宽度限制缩放，计算对应高度
        target_h = (int)(target_w / orig_aspect);
    }

    // 避免尺寸为0的异常情况
    target_w = MAX(target_w, 1);
    target_h = MAX(target_h, 1);

    // 生成缩放后的Pixbuf
    GdkPixbuf *scaled_pixbuf = gdk_pixbuf_scale_simple(original_pixbuf,
                                                       target_w,
                                                       target_h,
                                                       GDK_INTERP_BILINEAR);

    if (scaled_pixbuf) {
        gtk_image_set_from_pixbuf(GTK_IMAGE(widget), scaled_pixbuf);
        g_object_unref(scaled_pixbuf); // 释放临时生成的Pixbuf，避免内存泄漏
    } else {
        g_printerr("图像缩放失败！\n");
    }

    return FALSE;
}

int main(int argc, char **argv) {
    GtkWidget *window = NULL;
    GtkWidget *image = NULL;

    gtk_init(&argc, &argv);

    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_default_size(GTK_WINDOW(window), 800, 600);
    gtk_window_set_title(GTK_WINDOW(window), "保持比例的缩放图像");

    // 加载原始图像并保存引用
    GError *error = NULL;
    original_pixbuf = gdk_pixbuf_new_from_file("image.jpg", &error);
    if (!original_pixbuf) {
        g_printerr("加载image.jpg失败：%s\n", error->message);
        g_error_free(error);
        return 1;
    }

    image = gtk_image_new_from_pixbuf(original_pixbuf);
    // 允许图像扩展填充窗口空间
    gtk_widget_set_hexpand(image, TRUE);
    gtk_widget_set_vexpand(image, TRUE);
    // 设置图像居中显示，避免缩放后贴边
    gtk_widget_set_valign(image, GTK_ALIGN_CENTER);
    gtk_widget_set_halign(image, GTK_ALIGN_CENTER);

    // 监听widget尺寸变化信号，触发缩放逻辑
    g_signal_connect(image, "size-allocate", G_CALLBACK(resize_image), NULL);
    // 窗口关闭时退出主循环
    g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
    // 窗口关闭时释放原始图像的引用
    g_signal_connect(window, "destroy", G_CALLBACK(g_object_unref), original_pixbuf);

    gtk_container_add(GTK_CONTAINER(window), image);
    gtk_widget_show_all(window);

    gtk_main();

    return 0;
}

代码关键说明 #

1. 保存原始图像：全局变量original_pixbuf保存加载的原始图像，所有缩放操作都基于它，避免多次缩放导致的质量下降。
2. 正确的信号监听：使用size-allocate信号，仅在widget尺寸变化时触发缩放，避免draw信号的重复执行问题。
3. 宽高比计算：通过对比原始图像和容器的宽高比，计算出不会拉伸的最大适配尺寸，保证图像比例正确。
4. 引用计数管理：原始图像在窗口销毁时释放，临时生成的缩放图像在使用后立即释放，避免内存泄漏。
5. 居中显示：通过对齐设置让缩放后的图像在窗口中居中，提升视觉体验。

现在编译运行这段代码，调整窗口大小时，图像就会同步缩放并始终保持原始宽高比了。

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