创建一个带有背景图像的表单 (JLayeredPane)

Question

我一直在努力做一些我认为很简单的事情:

我想创建一个带有背景图像的表单 (JTextField)。为了使表单不覆盖背景图像，我使用了 JLayeredPane。我一直在尝试不同的东西，似乎没有任何效果：出于某种原因，我要么只显示背景，要么只显示 JTextField，但从来没有同时显示。我的目标是拥有一个永远不会改变的背景图像，并且只需在它上面使用我的按钮/文本字段。

package gestion;

import java.awt.*;

import javax.swing.*;

@SuppressWarnings("serial")
public class Main extends JFrame{
JLayeredPane layeredPane;
JPanel board;
JPanel background;


public Main(){
    super("Test");
    background = new JPanel();
    layeredPane = new JLayeredPane();
    board = new JPanel();

    // Creating frame with LayeredPane
    Dimension boardSize = new Dimension(1280, 1024);
    this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    this.setResizable(false);
    this.setSize(boardSize.width, boardSize.height);
    this.setVisible(true);
    this.setLocationRelativeTo(null);

    layeredPane.setPreferredSize( boardSize );
    this.add(layeredPane);


    // Add a background to the Layered Pane
    JLabel picLabel = new JLabel(new ImageIcon("background.jpg"));
    background.add(picLabel);
    background.setPreferredSize(boardSize);
    background.setBounds(0,0,boardSize.width, boardSize.height);
    layeredPane.add(background, JLayeredPane.DEFAULT_LAYER);

    // Add a JTextField
    final JTextField jtf = new JTextField("Default Value");

    Font police = new Font("Arial", Font.BOLD, 14);
    jtf.setFont(police);
    jtf.setPreferredSize(new Dimension(600, 800));
    background.setBounds(0,0,boardSize.width, boardSize.height);
    jtf.setForeground(Color.BLUE);

    board.add(jtf);
    layeredPane.add(board, JLayeredPane.PALETTE_LAYER);

}

public static void main(String[] args)
{
    new Main();
}

}

似乎只显示了图像，出于某种原因（我最好的选择是黑魔法）JTextField 不存在。任何想法或帮助将不胜感激！谢谢！

Answer 1

任何时候你依赖任何使用 null 布局的东西（比如 JLayeredPane），你都会运行遇到问题。

你应该使用类似...

board.setBounds(new Rectangle(new Point(0, 0), board.getPreferredSize()));
layeredPane.add(board, JLayeredPane.PALETTE_LAYER);

设置board的大小和位置。

null 布局还有很多其他问题，这只会让它们成为代码中的一大难题，最终浪费的时间比节省的时间还多...

坦率地说，一个更简单、更有用的解决方案是创建一个可以为您绘制背景图像的自定义组件，这样，您就可以使用您需要的任何布局管理器，而不会遇到这些问题.在任何人跳过我之前，使用你 "can" 使用带有 JLayeredPane 的布局管理器，但这会引入更多问题，必须让组件重叠以便背景层可以充当背景.. .只是一团糟

此外，在任何人跳我之前，您可以使用 JLabel 作为背景组件，在其上设置布局管理器并向其中添加您的组件，但 JLabel 不会t 根据它包含的子组件计算它所需的大小，而是使用 icon 和 text 属性。如果您的背景图像足够大，这可能不是问题，但似乎总是一个等待打破的弱点。

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.GridBagLayout;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;
import javax.swing.border.EmptyBorder;

public class Test {

    public static void main(String[] args) {
        new Test();
    }

    public Test() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                    ex.printStackTrace();
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        public TestPane() {
            setLayout(new BorderLayout());
            BackgroundPane bgPane = new BackgroundPane();
            bgPane.setLayout(new GridBagLayout());
            add(bgPane);

            try {
                BufferedImage bg = ImageIO.read(new File("C:\Users\shane\Dropbox\MegaTokyo\thumnails\megatokyo_omnibus_1_3_cover_by_fredrin-d4oupef.jpg"));
                bgPane.setBackgroundImage(bg);
            } catch (IOException ex) {
                ex.printStackTrace();
            }

            JLabel show = new JLabel("Bananas are yellow");
            show.setOpaque(true);
            show.setForeground(Color.RED);
            show.setBackground(Color.YELLOW);
            show.setBorder(new EmptyBorder(20, 20, 20, 20));
            bgPane.add(show);

        }

    }

    public class BackgroundPane extends JPanel {

        private BufferedImage img;

        @Override
        public Dimension getPreferredSize() {
            BufferedImage img = getBackgroundImage();

            Dimension size = super.getPreferredSize();
            if (img != null) {
                size.width = Math.max(size.width, img.getWidth());
                size.height = Math.max(size.height, img.getHeight());
            }

            return size;
        }

        public BufferedImage getBackgroundImage() {
            return img;
        }

        public void setBackgroundImage(BufferedImage value) {
            if (img != value) {
                BufferedImage old = img;
                img = value;
                firePropertyChange("background", old, img);
                revalidate();
                repaint();
            }
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            BufferedImage bg = getBackgroundImage();
            if (bg != null) {
                int x = (getWidth() - bg.getWidth()) / 2;
                int y = (getHeight() - bg.getHeight()) / 2;
                g.drawImage(bg, x, y, this);
            }
        }

    }

}

此实现缺少自动缩放或重复等功能，但您明白了

创建一个带有背景图像的表单 (JLayeredPane)

Create a form with a background Image (JLayeredPane)

java

swing

jframe

jlayeredpane