Close

Java Swing - Using OverlayLayout to arrange components over the top of each other

[Last Updated: Sep 1, 2018]

This example shows how to use OverlayLayout.

OverlayLayout arranges components over the top of each other and uses components specified alignments to position them relatively.

Example

public class OverlayLayoutExample {
  public static void main(String[] args) {
      JPanel panel = createPanel();
      JFrame frame = createFrame();
      frame.add(panel);
      frame.setLocationRelativeTo(null);
      frame.setVisible(true);
  }

  private static JPanel createPanel() {
      JPanel mainPanel = new JPanel(){
          @Override
          public boolean isOptimizedDrawingEnabled() {
              return false;
          }
      };
      mainPanel.setLayout(new OverlayLayout(mainPanel));

      JButton button = new JButton("Show Message");
      button.setAlignmentX(0.5f);
      button.setAlignmentY(0.5f);

      JPanel popupPanel = createPopupPanel(button);
      popupPanel.setAlignmentX(0.1f);
      popupPanel.setAlignmentY(0.1f);

      button.addActionListener(e -> {
          button.setEnabled(false);
          popupPanel.setVisible(true);
      });

      mainPanel.add(popupPanel);
      mainPanel.add(button);

      return mainPanel;
  }

  private static JPanel createPopupPanel(JComponent overlapComponent) {
      JPanel popupPanel = new JPanel(new BorderLayout());
      popupPanel.setOpaque(false);
      popupPanel.setMaximumSize(new Dimension(150, 70));
      popupPanel.setBorder(new LineBorder(Color.gray));
      popupPanel.setVisible(false);

      JLabel label = new JLabel("HI there!");
      popupPanel.add(wrapInPanel(label), BorderLayout.CENTER);

      JButton popupCloseButton = new JButton("Close");
      popupPanel.add(wrapInPanel(popupCloseButton), BorderLayout.SOUTH);

      popupCloseButton.addActionListener(e -> {
          overlapComponent.setEnabled(true);
          popupPanel.setVisible(false);
      });

      return popupPanel;
  }

  private static JPanel wrapInPanel(JComponent component) {
      JPanel jPanel = new JPanel();
      jPanel.setBackground(new Color(50, 210, 250, 150));
      jPanel.add(component);
      return jPanel;
  }


  private static JFrame createFrame() {
      JFrame frame = new JFrame("OverlayLayout Example");
      frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      frame.setSize(new Dimension(400, 300));
      return frame;
  }
}

Output

Example Project

Dependencies and Technologies Used:

  • JDK 10
  • Maven 3.5.4

OverlayLayout Example Select All Download
  • java-swing-overlay-layout-example
    • src
      • main
        • java
          • com
            • logicbig
              • example
                • OverlayLayoutExample.java

    See Also