You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

Vala GTK技术问题:如何正确调整图片大小?

嗨,我来帮你解决这个Vala+GTK调整图片大小的问题~

你之前的代码里用pixel_size没生效,是因为这个属性主要是给图标类资源设计的(比如通过from_icon_name加载的系统图标),对于从本地文件加载的普通位图,它并不会起作用。下面给你两种不同GTK版本下的正确实现方式:

如果你用的是GTK 4(推荐)

GTK4里官方更建议用Gtk.Picture来显示普通图片,调整大小非常直观:

// 创建Picture并加载本地图片
Gtk.Picture logo = new Gtk.Picture.for_filename("./img.png");
// 设置图片的适配方式,CONTAIN会保持宽高比缩放到控件尺寸内
logo.set_content_fit(Gtk.ContentFit.CONTAIN);
// 设置你想要的固定尺寸
logo.set_size_request(10, 10);

如果一定要坚持用Gtk.Image,可以先把图片转成Gdk.Texture再缩放:

try {
    // 从文件加载纹理
    var texture = Gdk.Texture.from_file("./img.png");
    // 缩放到目标尺寸,BILINEAR是平滑插值算法,保证缩放后画质
    var scaled_texture = texture.scale_simple(10, 10, Gdk.InterpType.BILINEAR);
    // 用缩放后的纹理创建Image
    Gtk.Image logo = new Gtk.Image.from_texture(scaled_texture);
} catch (Error e) {
    warning("加载图片出错: %s", e.message);
}

如果你用的是GTK 3

GTK3里需要借助Gdk.Pixbuf来处理图片缩放:

try {
    // 从文件加载Pixbuf
    var pixbuf = new Gdk.Pixbuf.from_file("./img.png");
    // 缩放Pixbuf到目标大小
    var scaled_pixbuf = pixbuf.scale_simple(10, 10, Gdk.InterpType.BILINEAR);
    // 用缩放后的Pixbuf创建Image
    Gtk.Image logo = new Gtk.Image.from_pixbuf(scaled_pixbuf);
} catch (Error e) {
    warning("加载图片出错: %s", e.message);
}

简单总结下:pixel_size只对图标生效,普通图片要么用容器控件(比如Picture)设置尺寸+适配方式,要么先把图片资源本身缩放到目标大小再加载到Image里~

内容的提问来源于stack exchange,提问作者iruka314

火山引擎 最新活动