GTK4/Rust开发中FileChooserDialog无法显示问题求助

刚接触Rust开发，想要基于GTK4制作Linux应用，参考gtk-rs GitHub上的Text_viewer示例实现FileChooserDialog，但对话框无法显示，代码如下：

const APP_ID: &str = "org.bht.pgp_manager";
fn main() {
    // create a new appliation
    let app = Application::new(
        Some(APP_ID),
        Default::default(),
    );
    // connect to activate signal of app
    app.connect_activate(build_ui);
    // run the application
    app.run();
}

pub fn build_ui(app: &Application){
    let gtk_box = gtk::Box::builder()
        .orientation(Orientation::Vertical)
        .build();

    let window = ApplicationWindow::builder()
        .default_height(100)
        .default_width(300)
        .title("My GTK Application")
        .child(&gtk_box)
        .build();
    
    window.set_application(Some(app));
        
    let import_button = Button::builder()
        .name("import_certificate")
        .label("Import Certificate")
        .margin_bottom(12)
        .margin_end(12)
        .margin_start(12)
        .margin_top(12)
        .build();
 
    import_button.connect_clicked(glib::clone!(@weak window => move |_| {
        eprintln!("we are here at the import button");
        
        let file_chooser = FileChooserDialog::new(
            Some("Import File"),
            Some(&window),
            FileChooserAction::Open,
            &[("Open", ResponseType::Ok), ("Cancel", ResponseType::Cancel)],
        );
        file_chooser.show();
    }));

    gtk_box.append(&import_button);
    
    window.show();  
}

问题原因及解决办法 #

在GTK4中，FileChooserDialog已被废弃，官方推荐使用FileChooserNative作为文件选择对话框的标准实现。同时原代码里的show()方法在GTK4中不再适用于对话框类控件，需改用present()方法显示。另外，原代码中file_chooser是局部变量，闭包执行结束后会被立即销毁，导致对话框无法正常显示。

修改后的代码示例 #

const APP_ID: &str = "org.bht.pgp_manager";
fn main() {
    let app = Application::new(Some(APP_ID), Default::default());
    app.connect_activate(build_ui);
    app.run();
}

pub fn build_ui(app: &Application) {
    let gtk_box = gtk::Box::builder()
        .orientation(Orientation::Vertical)
        .build();

    let window = ApplicationWindow::builder()
        .default_height(100)
        .default_width(300)
        .title("My GTK Application")
        .child(&gtk_box)
        .build();
    
    window.set_application(Some(app));
        
    let import_button = Button::builder()
        .name("import_certificate")
        .label("Import Certificate")
        .margin_bottom(12)
        .margin_end(12)
        .margin_start(12)
        .margin_top(12)
        .build();
 
    import_button.connect_clicked(glib::clone!(@weak window => move |_| {
        eprintln!("we are here at the import button");
        
        // 使用GTK4推荐的FileChooserNative
        let file_chooser = FileChooserNative::new(
            Some("Import File"),
            Some(&window),
            FileChooserAction::Open,
            Some("Open"),
            Some("Cancel"),
        );

        // 处理对话框的响应事件
        file_chooser.connect_response(glib::clone!(@weak file_chooser => move |_, response| {
            if response == ResponseType::Ok {
                if let Some(file) = file_chooser.file() {
                    eprintln!("Selected file: {}", file.path().unwrap().display());
                }
            }
            // 对话框关闭后销毁资源
            file_chooser.destroy();
        }));

        // 使用present()显示对话框
        file_chooser.present();
    }));

    gtk_box.append(&import_button);
    
    window.present(); // 这里也建议改用present()替代show()
}

关键改动点 #

• 替换FileChooserDialog为FileChooserNative，符合GTK4的API规范。
• 使用present()方法替代show()来显示窗口和对话框，这是GTK4中启动控件显示的标准方式。
• 通过connect_response监听对话框的用户操作，处理文件选择结果，并在操作完成后销毁对话框释放资源。
• 确保对话框对象在响应处理完成前不会被销毁，避免因变量生命周期问题导致的显示异常。

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