area of egui::Resize() ?

[strasdat]

I do have an image inside a Resize which is inside a window. I figured out how to get the size of the image, as well as the size of the window. But how can I get the size/area of the Resize area?

        let mut response: Option<egui::Response> = None;
        let res = egui::Window::new(label).show(egui_ctx, |ui| {
            egui::Resize::default()
                .default_size([150.0, 200.0])
                .show(ui, |ui| {
                        let image_response = ui.add(
                            egui::Image::new(texture_id, egui::Vec2::new(140.0, 140.0))
                                .sense(egui::Sense::click_and_drag()),
                        );
                        response = Some(image_response); // this contains the size/area of the image
                }); // Resize does not return a response. How do we get the current area/size of the region inside Resize()?
        });
        let r = res.unwrap().response; // this contains the size/area of the window
        println!("win {} {} {} {}", r.rect.center().x, r.rect.center().y, r.rect.width(), r.rect.height());

[strasdat]

Okay, using ui.painter() seems to work:

 let mut response: Option<egui::Response> = None;
        let res = egui::Window::new(label).show(egui_ctx, |ui| {
            egui::Resize::default()
                .default_size([150.0, 200.0])
                .show(ui, |ui| {
                        println!(
                            "img {} {}",
                            ui.painter().clip_rect().width(),
                            ui.painter().clip_rect().height()
                        );

                        let image_response = ui.add(
                            egui::Image::new(
                                texture_id,
                                egui::Vec2::new(
                                    ui.painter().clip_rect().width() - 10.0f32,
                                    ui.painter().clip_rect().height() - 10.0f32,
                                ),
                            )
                            .sense(egui::Sense::click_and_drag()),
                        );
                        response = Some(image_response);
                });
        });
        let r = res.unwrap().response;
        println!(
            "win {} {} {} {}",
            r.rect.center().x,
            r.rect.center().y,
            r.rect.width(),
            r.rect.height()
        );

However ui.painter().clip_rect().width() x height() is six pixel wider then expected. I was expecting (150, 200) at the first iteration, but I'm getting (156, 206). Here, I'm actually leaving an extra buffer of 4 pixels, otherwise downsizing the image would not work...

[strasdat]

@emilk Is there any better way to resize an image inside of a window?

[strasdat]

A slightly better way to resize an image inside a window without the Resize component:

egui::Window::new(label).show(egui_ctx, |ui| {
    let size = (ui.painter().clip_rect().width() - 60.0f32)
        .min(ui.painter().clip_rect().height() - 60.0f32);

    let image_response = ui.add(
        egui::Image::new(texture_id, egui::Vec2::new(size, size))
            .sense(egui::Sense::click_and_drag()),
    );
    response = Some(image_response);
});

Still, I'm not a big fan of the hard coded offsets -60.0f32 which seems to be required to account for the menu bar and window borders.

[emilk]

ui.add_sized(ui.available_size(), Image::new(…)); should work