调整图片与JPanel大小时保持宽高比，代码实现遇问题求助

It looks like your percentage-based scaling approach is heading in the right direction, but common missteps here include miscalculating how the image's aspect ratio relates to the panel's available space, or not adjusting dynamically as the window resizes. Let's walk through a corrected implementation that properly preserves your image's proportions while fitting it neatly into your panel.

Key Fixes & Approach #

• Calculate the original image's aspect ratio (width ÷ height)
• Determine the scaling factor that fits the image within the panel without stretching
• Resize using that factor, then center the image for a polished look

Here's the revised code with explanations:

import javax.imageio.ImageIO;
import javax.swing.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.net.URL;

public class Test extends JFrame {
    private JPanel principalPanel;
    private BufferedImage image;

    public Test() {
        setSize(600, 600);
        setLocationRelativeTo(null);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

        // Load your target image (replace URL with your image path/resource)
        try {
            URL imageUrl = new URL("https://example.com/your-image.jpg");
            image = ImageIO.read(imageUrl);
        } catch (Exception e) {
            e.printStackTrace();
            JOptionPane.showMessageDialog(this, "Failed to load image");
            System.exit(1);
        }

        // Custom panel to handle dynamic image scaling and painting
        principalPanel = new JPanel() {
            @Override
            protected void paintComponent(Graphics g) {
                super.paintComponent(g);
                if (image == null) return;

                // Get current panel dimensions
                int panelWidth = getWidth();
                int panelHeight = getHeight();

                // Calculate aspect ratios for image and panel
                double imageAspect = (double) image.getWidth() / image.getHeight();
                double panelAspect = (double) panelWidth / panelHeight;

                int scaledWidth, scaledHeight;

                // Decide scaling direction to avoid distortion
                if (panelAspect > imageAspect) {
                    // Panel is wider relative to height — fit to panel's height
                    scaledHeight = panelHeight;
                    scaledWidth = (int) (scaledHeight * imageAspect);
                } else {
                    // Panel is taller relative to width — fit to panel's width
                    scaledWidth = panelWidth;
                    scaledHeight = (int) (scaledWidth / imageAspect);
                }

                // Calculate position to center the scaled image
                int x = (panelWidth - scaledWidth) / 2;
                int y = (panelHeight - scaledHeight) / 2;

                // Draw the properly scaled, centered image
                g.drawImage(image, x, y, scaledWidth, scaledHeight, this);
            }
        };

        add(principalPanel);
        setVisible(true);
    }

    public static void main(String[] args) {
        // Ensure UI runs on Swing's Event Dispatch Thread (best practice)
        SwingUtilities.invokeLater(Test::new);
    }
}

What's Improved: #

• Dynamic Painting: Overriding paintComponent lets us recalculate the image size every time the panel resizes, so it always fits correctly.
• Aspect Ratio Matching: By comparing the image's and panel's aspect ratios, we guarantee no stretching or squishing.
• Centered Placement: The image stays centered in the panel instead of sticking to the top-left, which looks much better.
• Proper Threading: Using SwingUtilities.invokeLater ensures the UI is created on the correct thread, preventing weird glitches.

Common Pitfalls to Skip: #

• Don't hardcode percentage values — they won't adapt to different window sizes or image proportions.
• Always call super.paintComponent(g) first to clear the panel before drawing your image.
• Avoid fixed component sizes if you want the UI to resize with the window; let dynamic painting handle the scaling.

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