Question

我有一些代码，在SO中有很多来自其他程序员的帮助。首先，谢谢大家。现在我有这个刽子手的代码。我希望文本字段显示在图像下方，现在它正在拍摄它。我在代码中提供了图像的链接。但您可能需要下载它以避免抛出异常。我想保留右上角的计时器，我还没有想过要怎么做。我需要帮助将图像和texfield放在正确的位置。请执行代码以查看它当前的外观。我尝试了BorderLayout.SOUTH和BorderLayout.PAGE_END，但它没有帮助谢谢

import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.text.MaskFormatter;

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Graphics;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.GridLayout;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.ParseException;

public class HangmanGUI {
   private DetailsPanel myPanel;
   private ImagePanel imagePanel = new ImagePanel();

   public HangmanGUI() throws ParseException {
      myPanel = new DetailsPanel();
      JFrame myframe = new JFrame();
      // myframe.getContentPane().setLayout(new BorderLayout());
      myframe.getContentPane().add(imagePanel, BorderLayout.CENTER);
      myframe.getContentPane().add(myPanel, BorderLayout.SOUTH);
      myframe.setTitle("Hangman Game");
      // myframe.setVisible(true);
      // myframe.setLocationRelativeTo(null);
      myframe.pack();
      myframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
      myframe.setLocationRelativeTo(null);
      myframe.setVisible(true);
   }

   public static void main(String[] args) throws ParseException {
      new HangmanGUI();
   }
}

class ImagePanel extends JPanel {
   private static final int PREF_W = 400;
   private static final int PREF_H = PREF_W;
   private static final String TITLE = "Hangman Image";
   private BufferedImage image;

   @Override
   public Dimension getPreferredSize() {
      return new Dimension(PREF_W, PREF_H);
   }

   public ImagePanel() {
      setBorder(BorderFactory.createTitledBorder(TITLE));
      try {
          image = ImageIO.read(new File("http://upload.wikimedia.org/wikipedia/commons/8/8b/Hangman-0.png"));
      } catch (IOException ex) {
           ex.printStackTrace();
      }

      add(createFormattedPanel(),BorderLayout.SOUTH);
  //add(createFormattedPanel(),BorderLayout.PAGE_END);
   }

   @Override
   protected void paintComponent(Graphics g) {
       super.paintComponent(g);
       g.drawImage(image, 0, 0, null); // see javadoc for more info on the parameters            
   }

   public JPanel createFormattedPanel() {
          JPanel panel = new JPanel();
          MaskFormatter formatter = null;
          try {
             JLabel label = new JLabel("Guesss");
             formatter = new MaskFormatter("? ? ? ? ? ? ?");
             formatter.setPlaceholderCharacter('?');
             JFormattedTextField input = new JFormattedTextField(formatter);
             input.setColumns(20);
             panel.add(label);
             panel.add(input);
          } catch (java.text.ParseException exc) {
             System.err.println("formatter is bad: " + exc.getMessage());
             System.exit(-1);
          }

          return panel;
       }

   }

class DetailsPanel extends JPanel {
   public DetailsPanel() {
      setLayout(new BorderLayout());

      setBorder(BorderFactory.createTitledBorder(" click here "));
      //add(createFormattedPanel(), BorderLayout.PAGE_START);

      JPanel letterPanel = new JPanel(new GridLayout(0, 5));
      for (char alphabet = 'A'; alphabet <= 'Z'; alphabet++) {
         String buttonText = String.valueOf(alphabet);
         JButton letterButton = new JButton(buttonText);
         letterButton.addActionListener(clickedbutton());
         letterPanel.add(letterButton, BorderLayout.CENTER);
      }
      add(letterPanel, BorderLayout.CENTER);
   }

   private ActionListener clickedbutton() {
      return new ActionListener() {
         public void actionPerformed(ActionEvent e) {
            String actionCommand = e.getActionCommand();
            System.out.println("actionCommand is: " + actionCommand);
         }
      };
   }

}

Answer 1

因为您将自定义绘画和组件混合到一个组件中，所以您无法控制组件的布局方式。

我想到了两个解决方案......

使用JLabel

使用JLabel显示图片，将其置于CENTER的{{1}}位置和ImagePane位置的“格式化面板”

在逻辑组中分隔您的组件

拆分你的用户界面，使每个组件都被隔离......

SOUTH

基本上，-- Hangman Image -------------- | --------------------------- | | | ----------------------- | | | | | | | | | | | | | | | | | (Image Pane) | | | | | | | | | | | | | | | | | ----------------------- | | | | ----------------------- | | | | | Guess: ? ? ? ? ? ? | | | | | ----------------------- | | | --------------------------- | | -- click here ------------- | | | | | | | | | | | (buttons ) | | | | | | | | | | | --------------------------- | -------------------------------，ImagePane和GuessPane都是独立的组件。

然后，您可以将ClickPane和ImagePane添加到另一个GuessPane（使用JPanel），然后将此BorderLayout添加到主面板上（使用ClickPane）。

这将使您可以更好地控制各个组件的布局方式，并可以进行组合。

==使用BorderLayout ==

的示例

这是使用JLabel而不是使用自定义绘画的基本示例。

JLabel和ImagePane会添加到单独的面板中，该面板会添加到框架的GuessPane位置。然后将CENTER添加到框架的DetailsPane位置...

enter image description here

SOUTH

这种类型的分离需要使用某种模型来跨越组件。

也就是说，当用户猜测时，您需要更新模型，该模型将通知其他组件（通过某种侦听器API）发生了某些更改，这将允许其他UI元素自行更新按要求满足模型的要求。

模型应该包含游戏的逻辑并驱动UI。

如何在Java swing中调整面板中的图像？

1 个答案:

使用JLabel

在逻辑组中分隔您的组件