gtk-rs中图片适配显示器：解决窗口间隙及全屏放大问题

以下是几种可行的方案，可根据你的需求选择：

1. 移除窗口装饰并匹配屏幕工作区尺寸 #

窗口顶部的间隙通常来自系统的窗口标题栏，移除装饰后再根据屏幕真实工作区尺寸设置窗口大小，就能完全铺满屏幕：

use gtk4::{Application, ApplicationWindow, Picture, ContentFit};
use gdk::Display;

fn build_ui(application: &Application) {
    let window = ApplicationWindow::new(application);
    
    // 移除窗口装饰（标题栏、边框等）
    window.set_decorated(false);
    
    // 获取主显示器的工作区尺寸（排除系统面板等占用的空间）
    if let Some(monitor) = Display::default().and_then(|d| d.primary_monitor()) {
        let geometry = monitor.geometry();
        window.set_default_size(geometry.width(), geometry.height());
    }
    
    let file = /* 你的文件路径设置 */;
    let picture = Picture::for_file(&file);
    // 根据需求设置图片适配模式，比如保持比例完整显示
    picture.set_content_fit(ContentFit::Contain);
    
    window.set_child(Some(&picture));
    window.show();
}

2. 保留窗口装饰但强制消除间隙 #

如果你需要保留窗口标题栏，可以通过调整窗口的几何约束来强制消除顶部间隙，同时确保窗口尺寸匹配屏幕：

use gtk4::{Application, ApplicationWindow, Picture, ContentFit};
use gdk::Display;
use gtk4::gdk::Rectangle;

fn build_ui(application: &Application) {
    let window = ApplicationWindow::new(application);
    
    if let Some(monitor) = Display::default().and_then(|d| d.primary_monitor()) {
        let geometry = monitor.geometry();
        // 设置窗口几何约束，强制窗口尺寸与屏幕工作区一致
        window.set_geometry_hints(
            None,
            Some(&Rectangle {
                x: 0,
                y: 0,
                width: geometry.width(),
                height: geometry.height(),
            }),
            gtk4::WindowHints::SIZE,
        );
        window.move_(geometry.x(), geometry.y());
    }
    
    let file = /* 你的文件路径设置 */;
    let picture = Picture::for_file(&file);
    picture.set_content_fit(ContentFit::Contain);
    
    window.set_child(Some(&picture));
    window.show();
}

3. 全屏模式下控制图片缩放 #

如果你想使用全屏模式但避免图片被放大失真，可以通过调整Picture的内容适配模式来控制显示效果：

use gtk4::{Application, ApplicationWindow, Picture, ContentFit};

fn build_ui(application: &Application) {
    let window = ApplicationWindow::new(application);
    
    // 进入全屏模式
    window.fullscreen();
    
    let file = /* 你的文件路径设置 */;
    let picture = Picture::for_file(&file);
    
    // 选择合适的适配模式：
    // - ContentFit::Contain: 保持图片比例，完整显示，不足部分留空
    // - ContentFit::Cover: 保持比例，填充窗口，超出部分裁剪
    // - ContentFit::ScaleDown: 仅当图片大于窗口时缩小，否则保持原尺寸
    picture.set_content_fit(ContentFit::Contain);
    
    window.set_child(Some(&picture));
    window.show();
}

关键说明 #

• ContentFit的几种模式可按需选择，确保图片显示效果符合预期；
• 避免硬编码分辨率，通过gdk::Monitor获取真实屏幕尺寸能适配不同显示器；
• 移除窗口装饰后，若需要窗口控制（关闭、最小化），需自行添加自定义控件。

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