Java Swing GUI实现JLabel图片显示与背景重置功能需求

Got it, let's build this Swing GUI exactly as you described, plus I'll fill in the missing "再次点击Left按钮" logic with a sensible toggle behavior (switching the label back to black background if it's already showing an image). Here's how to do it step by step:

整体界面结构 #

First, let's outline the components we need:

• Top: A simple title label (e.g., "Image Toggle Demo")
• Middle: A JPanel with GridLayout(1, 2) holding two JLabels, both starting with black backgrounds
• Bottom: A button panel with "Left" and "Right" buttons, each wired to handle the toggle logic

核心功能逻辑 #

• Left Button Click:
  • If lblPicture1 is currently black, load and display an image there, and reset lblPicture2 to black
  • If lblPicture1 is already showing an image, switch it back to black background
• Right Button Click:
  • Same toggle logic, but target lblPicture2 and reset lblPicture1 to black

完整代码实现 #

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class ImageToggleGUI extends JFrame {
    private JLabel lblPicture1;
    private JLabel lblPicture2;
    private ImageIcon image; // Reuse the same image instance for efficiency

    public ImageToggleGUI() {
        // Set up the main frame
        setTitle("Image Toggle Demo");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setSize(800, 600);
        setLayout(new BorderLayout());

        // 1. Top title label
        JLabel titleLabel = new JLabel("Click Buttons to Toggle Images", SwingConstants.CENTER);
        titleLabel.setFont(new Font("Arial", Font.BOLD, 20));
        add(titleLabel, BorderLayout.NORTH);

        // 2. Middle panel with GridLayout
        JPanel imagePanel = new JPanel(new GridLayout(1, 2, 10, 10));
        imagePanel.setBorder(BorderFactory.createEmptyBorder(20, 20, 20, 20));

        // Initialize picture labels with black background
        lblPicture1 = new JLabel();
        lblPicture1.setBackground(Color.BLACK);
        lblPicture1.setOpaque(true); // Required to show background color
        lblPicture1.setHorizontalAlignment(SwingConstants.CENTER); // Center image if loaded

        lblPicture2 = new JLabel();
        lblPicture2.setBackground(Color.BLACK);
        lblPicture2.setOpaque(true);
        lblPicture2.setHorizontalAlignment(SwingConstants.CENTER);

        imagePanel.add(lblPicture1);
        imagePanel.add(lblPicture2);
        add(imagePanel, BorderLayout.CENTER);

        // 3. Bottom button panel
        JPanel buttonPanel = new JPanel(new FlowLayout(FlowLayout.CENTER, 20, 10));
        JButton leftBtn = new JButton("Left");
        JButton rightBtn = new JButton("Right");

        // Load the image (replace with your actual image path)
        // Note: If using a resource file, use getClass().getResource("sample.jpg") instead
        image = new ImageIcon("sample.jpg");
        // Optional: Resize image to fit the label better
        Image scaledImage = image.getImage().getScaledInstance(350, 500, Image.SCALE_SMOOTH);
        image = new ImageIcon(scaledImage);

        // Left button action listener
        leftBtn.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                if (lblPicture1.getIcon() == null) {
                    // Show image on lblPicture1, reset lblPicture2 to black
                    lblPicture1.setIcon(image);
                    lblPicture2.setIcon(null);
                    lblPicture2.setBackground(Color.BLACK);
                } else {
                    // Toggle back to black background
                    lblPicture1.setIcon(null);
                    lblPicture1.setBackground(Color.BLACK);
                }
            }
        });

        // Right button action listener
        rightBtn.addActionListener(new ActionListener() {
            @Override
            public void actionPerformed(ActionEvent e) {
                if (lblPicture2.getIcon() == null) {
                    // Show image on lblPicture2, reset lblPicture1 to black
                    lblPicture2.setIcon(image);
                    lblPicture1.setIcon(null);
                    lblPicture1.setBackground(Color.BLACK);
                } else {
                    // Toggle back to black background
                    lblPicture2.setIcon(null);
                    lblPicture2.setBackground(Color.BLACK);
                }
            }
        });

        buttonPanel.add(leftBtn);
        buttonPanel.add(rightBtn);
        add(buttonPanel, BorderLayout.SOUTH);

        // Make the frame visible
        setVisible(true);
    }

    public static void main(String[] args) {
        // Run GUI on Event Dispatch Thread (EDT) for thread safety
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                new ImageToggleGUI();
            }
        });
    }
}

注意事项 #

• Image Path: Replace "sample.jpg" with your actual image file path. If you're using an image in your project's resource folder, use getClass().getResource("/path/to/image.jpg") instead to avoid file path issues.
• Thread Safety: Always create Swing components on the Event Dispatch Thread (EDT) — that's why we use SwingUtilities.invokeLater() in the main method.
• Opaque Setting: Don't forget to set setOpaque(true) on the labels, otherwise the background color won't show up.

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