Text box to Label & Centering Text

[Joel Christophel]

I'm making a score keeping program, and above each score, I have a text box for the team name. What I want is for the text box to change into a label when a user hits enter when editing the text or clicks away from the text box. Likewise, when a user clicks back onto the label, I want the label to turn into a text box.

Next, I would like to know how to center the text of a text box and label.

My program is ↓

/*
 * GUIForm.java
 *
 * Created on April 18, 2011, 11:50 PM
 */

package GUIPackage;

/**
 *
 * @author  Christophel Family
 */
public class GUIForm extends javax.swing.JFrame {
    public int team1Score;
    public int team2Score;
    /** Creates new form GUIForm */
    public GUIForm() {
        initComponents();
        team1Score = 0;
        team2Score = 0;
    }
    
    /** This method is called from within the constructor to
     * initialize the form.
     * WARNING: Do NOT modify this code. The content of this method is
     * always regenerated by the Form Editor.
     */
    // <editor-fold defaultstate="collapsed" desc="Generated Code">
    private void initComponents() {

        plus5Team2 = new javax.swing.JButton();
        minus5Team2 = new javax.swing.JButton();
        plus10Team2 = new javax.swing.JButton();
        team1Name = new javax.swing.JTextField();
        team2Name = new javax.swing.JTextField();
        scoreLabelTeam1 = new javax.swing.JLabel();
        scoreLabelTeam2 = new javax.swing.JLabel();
        Reset = new javax.swing.JButton();
        plus10Team1 = new javax.swing.JButton();
        minus5Team1 = new javax.swing.JButton();
        plus5Team1 = new javax.swing.JButton();

        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
        setTitle("Quizzing Scorekeeper");

        plus5Team2.setFont(new java.awt.Font("Tahoma", 0, 24));
        plus5Team2.setText("+5");
        plus5Team2.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                plus5Team2ActionPerformed(evt);
            }
        });

        minus5Team2.setFont(new java.awt.Font("Tahoma", 0, 24));
        minus5Team2.setText("-5");
        minus5Team2.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                minus5Team2ActionPerformed(evt);
            }
        });

        plus10Team2.setFont(new java.awt.Font("Tahoma", 0, 24));
        plus10Team2.setText("+10");
        plus10Team2.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                plus10Team2ActionPerformed(evt);
            }
        });

        team1Name.setFont(new java.awt.Font("Tahoma", 0, 25));
        team1Name.setText("Team Name 1");
        team1Name.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                team1NameActionPerformed(evt);
            }
        });

        team2Name.setFont(new java.awt.Font("Tahoma", 0, 25));
        team2Name.setText("Team Name 2");
        team2Name.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                team2NameActionPerformed(evt);
            }
        });

        scoreLabelTeam1.setFont(new java.awt.Font("Tahoma", 0, 75));
        scoreLabelTeam1.setText("0");

        scoreLabelTeam2.setFont(new java.awt.Font("Tahoma", 0, 75));
        scoreLabelTeam2.setText("0");

        Reset.setFont(new java.awt.Font("Tahoma", 1, 15));
        Reset.setText("Reset");
        Reset.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                ResetActionPerformed(evt);
            }
        });

        plus10Team1.setFont(new java.awt.Font("Tahoma", 0, 24));
        plus10Team1.setText("+10");
        plus10Team1.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                plus10Team1ActionPerformed(evt);
            }
        });

        minus5Team1.setFont(new java.awt.Font("Tahoma", 0, 24));
        minus5Team1.setText("-5");
        minus5Team1.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                minus5Team1ActionPerformed(evt);
            }
        });

        plus5Team1.setFont(new java.awt.Font("Tahoma", 0, 24));
        plus5Team1.setText("+5");
        plus5Team1.addActionListener(new java.awt.event.ActionListener() {
            public void actionPerformed(java.awt.event.ActionEvent evt) {
                plus5Team1ActionPerformed(evt);
            }
        });

        javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane());
        getContentPane().setLayout(layout);
        layout.setHorizontalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(layout.createSequentialGroup()
                .addGap(20, 20, 20)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAILING, false)
                    .addComponent(scoreLabelTeam1, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE)
                    .addGroup(javax.swing.GroupLayout.Alignment.LEADING, layout.createSequentialGroup()
                        .addComponent(plus10Team1)
                        .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                        .addComponent(plus5Team1)
                        .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                        .addComponent(minus5Team1))
                    .addComponent(team1Name, javax.swing.GroupLayout.Alignment.LEADING))
                .addGap(204, 204, 204)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
                    .addComponent(scoreLabelTeam2, javax.swing.GroupLayout.DEFAULT_SIZE, 205, Short.MAX_VALUE)
                    .addComponent(team2Name, javax.swing.GroupLayout.DEFAULT_SIZE, 205, Short.MAX_VALUE)
                    .addGroup(layout.createSequentialGroup()
                        .addComponent(plus10Team2)
                        .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                        .addComponent(plus5Team2)
                        .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)
                        .addComponent(minus5Team2)))
                .addGap(22, 22, 22))
            .addGroup(layout.createSequentialGroup()
                .addGap(271, 271, 271)
                .addComponent(Reset, javax.swing.GroupLayout.PREFERRED_SIZE, 111, javax.swing.GroupLayout.PREFERRED_SIZE)
                .addContainerGap(274, Short.MAX_VALUE))
        );
        layout.setVerticalGroup(
            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)
            .addGroup(layout.createSequentialGroup()
                .addGap(37, 37, 37)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(team2Name, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)
                    .addComponent(team1Name))
                .addGap(80, 80, 80)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(scoreLabelTeam1)
                    .addComponent(scoreLabelTeam2))
                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED, 138, Short.MAX_VALUE)
                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE)
                    .addComponent(plus5Team1)
                    .addComponent(plus5Team2)
                    .addComponent(minus5Team2)
                    .addComponent(plus10Team2)
                    .addComponent(plus10Team1)
                    .addComponent(minus5Team1))
                .addGap(18, 18, 18)
                .addComponent(Reset)
                .addGap(29, 29, 29))
        );

        pack();
    }// </editor-fold>

    private void plus5Team1ActionPerformed(java.awt.event.ActionEvent evt) {                                           
  team1Score += 5;  
scoreLabelTeam1.setText(String.valueOf(team1Score));
}                                          

    private void minus5Team1ActionPerformed(java.awt.event.ActionEvent evt) {                                            
 team1Score -= 5;  
 scoreLabelTeam1.setText(String.valueOf(team1Score));
}                                           

    private void plus10Team1ActionPerformed(java.awt.event.ActionEvent evt) {                                            
 team1Score += 10;  
 scoreLabelTeam1.setText(String.valueOf(team1Score));
}                                           

    private void team1NameActionPerformed(java.awt.event.ActionEvent evt) {                                          
        // TODO add your handling code here:
}                                         
 
    private void team2NameActionPerformed(java.awt.event.ActionEvent evt) {                                          
        // TODO add your handling code here:
}                                         

    private void plus10Team2ActionPerformed(java.awt.event.ActionEvent evt) {                                            
 team2Score += 10;  
 scoreLabelTeam2.setText(String.valueOf(team2Score)); 
    }                                           

    private void plus5Team2ActionPerformed(java.awt.event.ActionEvent evt) {                                           
 team2Score += 5;  
 scoreLabelTeam2.setText(String.valueOf(team2Score));
    }                                          

    private void minus5Team2ActionPerformed(java.awt.event.ActionEvent evt) {                                            
 team2Score -= 5;  
 scoreLabelTeam2.setText(String.valueOf(team2Score)); 
    }                                           

    private void ResetActionPerformed(java.awt.event.ActionEvent evt) {                                      
 team1Score = 0;
 team2Score = 0;
 scoreLabelTeam1.setText(String.valueOf(team1Score));
 scoreLabelTeam2.setText(String.valueOf(team2Score));
    }                                     
    
    /**
     * @param args the command line arguments
     */
    public static void main(String args[]) {
        java.awt.EventQueue.invokeLater(new Runnable() {
            public void run() {
                new GUIForm().setVisible(true);
            }
        });
    }
    
    // Variables declaration - do not modify
    private javax.swing.JButton Reset;
    private javax.swing.JButton minus5Team1;
    private javax.swing.JButton minus5Team2;
    private javax.swing.JButton plus10Team1;
    private javax.swing.JButton plus10Team2;
    private javax.swing.JButton plus5Team1;
    private javax.swing.JButton plus5Team2;
    private javax.swing.JLabel scoreLabelTeam1;
    private javax.swing.JLabel scoreLabelTeam2;
    private javax.swing.JTextField team1Name;
    private javax.swing.JTextField team2Name;
    // End of variables declaration
    
}

[Campbell Ritchie]

Please explain about changing from a text box to a label when text is entered. Is that desirable? You may be able to inactivate the text box; look for a setEnabled method in its documentation.

I think this discussion would sit better on our GUIs forum, so I shall move it.

[Joel Christophel]

Campbell Ritchie wrote:Please explain about changing from a text box to a label when text is entered. Is that desirable?

That's the desired result, yes. Currently, it's just a text box.

[Campbell Ritchie]

Still seems odd to me, but . . .

Not sure about this; you will have to go through the Java™ tutorials about layouts I think.
Try putting your label and text box in the same location, which you can do with some layouts (eg GridBag) and not with others (eg Grid). See if you can set the text box visible, and set the label not visible. I think you can add an ActionListener to a text component, which would be fired by the enter key.
When that happens, set the text box invisible, and disable it. Make the label visible.

I think that way you get a one-way system. You enter a score, push enter, and can then never correct the score if you find you made a mistake.

Actually, I think you can only bring top-level components to the front or back, so for text boxes you will have to stick to visible and not visible.

Anybody else got a better suggestion? There is bound to be a better way to do this.

[Joel Christophel]

Campbell Ritchie wrote:You enter a score, push enter, and can then never correct the score if you find you made a mistake.

Thanks for the help. Sorry for not making myself clear; I meant that the text boxes for the team names I wanted to change. The score is changed by buttons like these: "+10", "-5". The scores are then blanked by a reset button.

The reason that I want to have the team names like that is because this program is going to be projected onto a large screen during a quizzing meet. There are multiple quizzes in a day, and back-to-back, so it would be nice to be able to change the names into labels (looks better) and then click on the label to have it change back into a text box to change the names before the next quiz. Otherwise, the program would have to be exited and restarted.

And do you know how to center text?

[Paul Clapham]

The way I would do that is this:

(1) Put both the label and the text-box into your layout, next to each other.

(2) Initialize the label to invisible and the text-box to visible.

(3) When switching modes, copy the data from the text-box to the label, set the text-box to invisible, and set the label to visible.

If you chose a reasonable layout manager then it will rearrange the display so it appears that the text-box is replaced by the label, although for some layout managers you might have to tinker with the preferred widths of the components a bit.

Also, text in a JLabel is automatically centred, isn't it?

[Darryl Burke]

(3) When switching modes, copy the data from the text-box to the label, set the text-box to invisible, and set the label to visible.

Or place both the label and the text field in a JPanel with CardLayout, and swap the cards.