java中的用户界面

Question

我想在java中设计一个tic tac脚趾的UI，但我不明白他们为什么是UI中的第5行。我想要有四行，其中最下面三行将用作按钮董事会的tictactoe和顶行将作为显示toshow重要消息给用户。我附上了代码和UI的快照。

//code 
package TicTacToe; 
import java.awt.*; 

import javax.swing.*; 

import java.awt.event.*; 
public class TicTacToeUI extends JFrame implements ActionListener { 

    private static final long serialVersionUID = 1L; 
    JPanel[] row = new JPanel[4]; 
    JButton[] button = new JButton[9]; 
    String[] buttonString = {" "," "," ", 
          " "," "," ", 
          " "," "," "}; 
    Dimension displayDimension = new Dimension(290, 45); 
    Dimension regularDimension = new Dimension(90, 90); 
    JTextArea display = new JTextArea(2, 20); 
    Font font = new Font("Times new Roman", Font.BOLD, 14); 

    public TicTacToeUI(){ 
     super("TicTacToe"); 
     setDesign(); 
     setSize(350, 500); 
     setResizable(false); 
     setDefaultCloseOperation(EXIT_ON_CLOSE); 
     GridLayout grid = new GridLayout(5,5); 
     setLayout(grid); 

     FlowLayout f1 = new FlowLayout(FlowLayout.CENTER); 
      FlowLayout f2 = new FlowLayout(FlowLayout.CENTER,1,1);//gap in cells 
      for(int i = 0; i < 4; i++) 
       row[i] = new JPanel(); 
      row[0].setLayout(f1); 
      for(int i = 1; i < 4; i++) 
       row[i].setLayout(f2); 

      for(int i = 0; i < 9; i++) { 
       button[i] = new JButton(); 
       button[i].setText(buttonString[i]); 
       button[i].setBackground(Color.black); 
       button[i].setFont(font); 
       button[i].addActionListener(this); 
      } 

      display.setFont(font); 
      display.setEditable(false); 
      display.setComponentOrientation(ComponentOrientation.RIGHT_TO_LEFT); 
      display.setPreferredSize(displayDimension); 

      for(int i = 0; i < 9; i++) 
       button[i].setPreferredSize(regularDimension); 

      row[0].add(display); 
      add(row[0]); 

      for(int i=1,k=0;i<4&&k<9;i++){ 
       for(int j=0;j<3;j++){ 
        row[i].add(button[k]); 
        k++; 
       } 
       add(row[i]); 
      } 

      setVisible(true); 
    } 


    public final void setDesign() { 
     try { 
      UIManager.setLookAndFeel(
        "com.sun.java.swing.plaf.nimbus.NimbusLookAndFeel"); 
     } catch(Exception e) { 
     } 
    } 
    public static void main(String[] args) { 
     TicTacToeUI obj = new TicTacToeUI(); 
    } 

    @Override 
    public void actionPerformed(ActionEvent ae) { 
     // TODO Auto-generated method stub 
     int x,y; 
     if(ae.getSource()==button[0]){ 
      x=0; 
      y=0; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[1]){ 
      x=0; 
      y=1; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[2]){ 
      x=0; 
      y=2; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[3]){ 
      x=1; 
      y=0; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[4]){ 
      x=1; 
      y=1; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[5]){ 
      x=1; 
      y=2; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[6]){ 
      x=2; 
      y=0; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[7]){ 
      x=2; 
      y=1; 
      display.setText("x = " + x + "y = " + y); 
     } 
     else if(ae.getSource()==button[8]){ 
      x=2; 
      y=2; 
      display.setText("x = " + x + "y = " + y); 
     } 
    } 

} 

Answer 1

嗯，我不知道如果我理解你的问题，因为你的问题是在这条线：

GridLayout grid = new GridLayout(5,5); 

我想有4行则只需将其更改为：

GridLayout grid = new GridLayout(4,5); 

希望它有帮助。