相对于背景图像的跨平台布局

Question

我创建了一个超类（ImagePanel），它扩展了JPanel并将图像绘制为背景。在我的ImagePanel子类中，我使用GroupLayout（通过NetBeans GUI Designer）使用与底层图像对齐的JTextFields覆盖面板。

此方法在单一平台上按预期工作;但是，当我在不同的平台上运行应用程序时，JTextFields会根据外观进行调整大小/移动。如果我将布局管理器设置为null，则JTextFields保持在适当的位置，但是我失去了JTextFields的大小调整。理想情况下，我想保留JTextField的位置，但是根据L＆amp; F来确定它们的大小？我怎么能以不同的方式处理这个问题？

/**
 * Extends JPanel adding the ability to paint a background image.
 */
public class ImagePanel extends JPanel implements Serializable
{
    public static final String PROP_IMAGEFILE = "imageFile";

    //~--- fields -------------------------------------------------------------

    private ImageIcon imageIcon;
    private String imageFile;

    /**
     * Constructs a new ImagePanel.
     */
    public ImagePanel()
    {
        // required by Beans specification.
    }

    /**
     * Get the path to the image file used to paint the background.
     *
     * @return the path.
     */
    public String getImageFile()
    {
        return imageFile;
    }

    /**
     * Set the path to the image file used to paint the background.
     *
     * @param imageFile the image file path.
     */
    public void setImageFile(String imageFile)
    {
        String oldImageFile = this.imageFile;

        this.imageFile = imageFile;

        imageIcon = new ImageIcon(getClass().getResource(imageFile));

        firePropertyChange(PROP_IMAGEFILE, oldImageFile, imageFile);
    }

    /**
     * Overridden to draw image background image.
     */
    @Override
    public void paintComponent(Graphics g)
    {
        /* Draw image on the panel */
        super.paintComponent(g);

        if (imageIcon != null)
        {
            /* create image icon to get image */
            Image image = imageIcon.getImage();

            if (image != null)
            {
                g.drawImage(image, 0, 0, getWidth(), getHeight(), this);
            }
        }
    }
}

在Windows上：

在Linux上：

Answer 1

我不确定复合布局在这种情况下的效果如何，它可能是1％需要空布局的情况之一（尽管应该尽可能避免这种情况）。如上所述，miglayout可能只需要一点点玩法，但您可能需要做的是硬代码比值而不是位置值。计算表示每个组件的位置和大小的图像百分比，并在绘制图像后，使用这些比率值以编程方式布置组件。

可以编写一个新的layoutmanager来完成同样的事情（并且可能比上面的null布局方法更受欢迎.add（）;方法可以采用5个变量（组件，位置x的比率值，位置的比率值） y，locaton x的大小值，locaton y的大小值;）。我不太熟悉如何编写布局管理器，但它是一个选项。