Java Swing版Hangman游戏动态图片更新实现咨询

Hey there! Let's get your Hangman game's visual feedback sorted out—you're already halfway there with the word logic, so adding the hangman images will make it feel truly complete.

Best Approach for Your Use Case: JLabel + ImageIcon #

For a Java Swing beginner, using a JLabel with ImageIcon is the simplest and most efficient way to handle the hangman image updates. You don't need to mess with overriding paintComponent() (that's more useful for custom drawing, not just switching pre-made images). Here's the core idea:

• Store all your hangman images in an array, indexed to match your guess value (since guess starts at 10 and goes down to 0, you'll have 11 images total)
• Use a JLabel inside your PicturePanel to display the current image
• Every time the player guesses wrong (and guess decreases), update the JLabel's icon to match the new guess value

Step-by-Step Code Modifications #

Let's adjust your existing code to implement this:

1. Add Member Variables

First, add these variables to your Test class (outside any method) to hold the image label and icon array:

private JLabel hangmanImageLabel;
private ImageIcon[] hangmanIcons;

2. Initialize Images and Label

Update your initialize() method to set up the image array and add the label to your PicturePanel:

public void initialize() {
    guess = 10; // Move this outside the loop—no need to reset it every iteration!
    for (int i = 0; i < passString.length(); i++) {
        astri[i] = "*";
        wordch[i] = passString.substring(i, i+1);
        total = total + astri[i];
    }
    
    // ... (keep all your existing frame setup code here)
    
    // -------------------------------
    PicturePanel = new JPanel();
    PicturePanel.setBackground(new Color(255, 255, 255));
    frame.getContentPane().add(PicturePanel, BorderLayout.CENTER);
    
    // NEW: Initialize hangman images and label
    hangmanIcons = new ImageIcon[11];
    // Use relative paths (better than absolute paths for portability)
    // Adjust the path to match where your images are stored in your project
    hangmanIcons[10] = new ImageIcon(getClass().getResource("/Images/files/0.png"));
    hangmanIcons[9] = new ImageIcon(getClass().getResource("/Images/files/1.png"));
    hangmanIcons[8] = new ImageIcon(getClass().getResource("/Images/files/2.png"));
    hangmanIcons[7] = new ImageIcon(getClass().getResource("/Images/files/3.png"));
    hangmanIcons[6] = new ImageIcon(getClass().getResource("/Images/files/4.png"));
    hangmanIcons[5] = new ImageIcon(getClass().getResource("/Images/files/5.png"));
    hangmanIcons[4] = new ImageIcon(getClass().getResource("/Images/files/6.png"));
    hangmanIcons[3] = new ImageIcon(getClass().getResource("/Images/files/7.png"));
    hangmanIcons[2] = new ImageIcon(getClass().getResource("/Images/files/8.png"));
    hangmanIcons[1] = new ImageIcon(getClass().getResource("/Images/files/9.png"));
    hangmanIcons[0] = new ImageIcon(getClass().getResource("/Images/files/10.png"));
    
    // Create label and add to PicturePanel (center it with BorderLayout)
    hangmanImageLabel = new JLabel(hangmanIcons[10]);
    PicturePanel.setLayout(new BorderLayout());
    PicturePanel.add(hangmanImageLabel, BorderLayout.CENTER);
    // -------------------------------
}

3. Update Image When Guesses Decrease

Add a helper method to update the image, and call it whenever the player guesses wrong:

// Helper method to switch hangman image
private void updateHangmanImage() {
    hangmanImageLabel.setIcon(hangmanIcons[guess]);
}

// Modify your checkcorrect() method to call this helper
private void checkcorrect() {
    // ... (keep your existing word check logic here)
    
    if(letter==true) {
        letter=false;
    }else {
        guess=guess-1;
        txtGuesses.setText("Guesses:"+guess);
        updateHangmanImage(); // NEW: Update image when guess decreases
        if(guess==0) {
            if(JOptionPane.showConfirmDialog(frame,"You Lose","Hangman", JOptionPane.PLAIN_MESSAGE ) == JOptionPane.YES_OPTION ) {
                System.exit(0);
            }
        }
    }
    
    // ... (keep your win check logic here)
}

Key Notes #

• Path Portability: Using getClass().getResource() instead of absolute paths means your game will work on any computer, not just yours. Make sure your images are placed in a folder that's part of your project's classpath (like a resources folder in Eclipse).
• Image Format: Ensure your image files have the correct extension (.png, .jpg, etc.) and that the path matches exactly. If your images don't have extensions, remove .png from the paths.
• Layout: Setting PicturePanel to use BorderLayout ensures the hangman image stays centered, even if the window is resized.

That's it! Now every time the player makes a wrong guess, the hangman image will update to show more of the figure, right in the center of your window.

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