Swing界面刷新问题

在Java Swing编程中，往往会遇到需要动态刷新界面的时候，例如动态刷新JLabel的文本，JTextField里的文本等等。但是往往却没有达到我们预期的效果，我相信很多朋友都遇到过本文将要说的这个问题。

如下图的Swing界面中，我们期望在点击按钮时，Jlabel和JTextField里的文本能不断的变化，并实时地显示出来。

这个例子中，我们期望点击按钮后，JLabel和JTextField中每隔一秒钟刷新一下文本，顺序的显示以下的几句文本：

Button clicked



Start to change text...



接着显示数字1到10



action end

很多人都会像下面的代码这样实现这个功能：

MainFrame.java

package com.longyg.test;



public class MainFrame extends javax.swing.JFrame {



    public MainFrame() {

        initComponents();

    }



    @SuppressWarnings("unchecked")

    // <editor-fold defaultstate="collapsed" desc="Generated Code">                          

    private void initComponents() {



        jLabel = new javax.swing.JLabel();

        labelText = new javax.swing.JLabel();

        jTextField = new javax.swing.JLabel();

        fieldText = new javax.swing.JTextField();

        button = new javax.swing.JButton();



        setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);



        jLabel.setText("JLabel:");



        labelText.setBorder(javax.swing.BorderFactory.createEtchedBorder());



        jTextField.setText("JTextField: ");



        button.setText("click");

        button.addActionListener(new java.awt.event.ActionListener() {

            public void actionPerformed(java.awt.event.ActionEvent evt) {

                buttonActionPerformed(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(10, 10, 10)

                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAILING)

                    .addComponent(button)

                    .addGroup(layout.createSequentialGroup()

                        .addComponent(jLabel)

                        .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED)

                        .addComponent(labelText, javax.swing.GroupLayout.PREFERRED_SIZE, 127, javax.swing.GroupLayout.PREFERRED_SIZE))

                    .addGroup(layout.createSequentialGroup()

                        .addComponent(jTextField)

                        .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.RELATED)

                        .addComponent(fieldText, javax.swing.GroupLayout.PREFERRED_SIZE, 127, javax.swing.GroupLayout.PREFERRED_SIZE)))

                .addContainerGap(17, Short.MAX_VALUE))

        );

        layout.setVerticalGroup(

            layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)

            .addGroup(layout.createSequentialGroup()

                .addGap(20, 20, 20)

                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)

                    .addComponent(jLabel)

                    .addComponent(labelText, javax.swing.GroupLayout.PREFERRED_SIZE, 26, javax.swing.GroupLayout.PREFERRED_SIZE))

                .addGap(18, 18, 18)

                .addGroup(layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING)

                    .addComponent(jTextField)

                    .addComponent(fieldText, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE))

                .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED)

                .addComponent(button)

                .addContainerGap(javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE))

        );



        pack();

    }// </editor-fold>                        



    private void buttonActionPerformed(java.awt.event.ActionEvent evt) {                                       

        changeText("Button clicked");

        try {

            Thread.sleep(1000);

        } catch (InterruptedException ex) {

            ex.printStackTrace();

        }

        changeText("Start to change text...");

        try {

            Thread.sleep(1000);

        } catch (InterruptedException ex) {

            ex.printStackTrace();

        }

        for (int i = 0; i < 10; i++) {

            changeText((i+1)+"");

            try {

                Thread.sleep(1000);

            } catch (InterruptedException ex) {

                ex.printStackTrace();

            }

        }

        changeText("action end");

    }                                      



    private void changeText(String text) {

        labelText.setText(text);

        fieldText.setText(text);

    }

    

    /**

     * @param args the command line arguments

     */

    public static void main(String args[]) {

        java.awt.EventQueue.invokeLater(new Runnable() {



            public void run() {

                new MainFrame().setVisible(true);

            }

        });

    }

    // Variables declaration - do not modify                     

    private javax.swing.JButton button;

    private javax.swing.JTextField fieldText;

    private javax.swing.JLabel jLabel;

    private javax.swing.JLabel jTextField;

    private javax.swing.JLabel labelText;

    // End of variables declaration                   

}

可以看到，在buttonActionPerformed方法中，我们多次调用了setText来期望改变JLabel和JTextField中的文本。

当我们运行这段代码，你会很遗憾的发现，点击click后，JLabel和JTextField中并没有如我们所期望的不断的更新并显示不同的文本。而是点击按钮后，界面仿佛被卡住一样，等过了一段时间后，显示出最后一句文本“action end”。

为什么会发生这样奇怪的现象呢？

Java Swing中，界面刷新是线程同步的，也就是说同一时间，只有一个线程能执行刷新界面的代码。如果要多次不断地刷新界面，必须在多线程中调用刷新的方法。

本例中，在buttonActionPerformed方法中多次调用了setText方法来试图刷新JLabel和JTextField的文本。buttonActionPerformed方法运行在主线程中，所以每次调用setText都是运行在主线程中，而且是顺序的执行的。在前面几次调用setText后，线程并没有退出，所以界面刷新线程不能获得执行刷新的机会。而当最后一次setText后，线程退出，界面才能执行刷新。所以我们只能看到最后一次setText的值。

因此，要解决这个问题，我们必须把buttonActionPerformed方法中的代码段放到一个单独的线程中执行。这样它就不会使线程阻塞，当每次setText后，界面刷新线程也能得到执行的机会，从而刷新界面。

下面是修改后的代码，只有buttonActionPerformed方法的代码被修改，其他部分的代码与上面的完全一致。

private void buttonActionPerformed(java.awt.event.ActionEvent evt) {                                       

        new Thread(new Runnable() {

            @Override

            public void run() {

                changeText("Button clicked");

                try {

                    Thread.sleep(1000);

                } catch (InterruptedException ex) {

                    ex.printStackTrace();

                }

                changeText("Start to change text...");

                try {

                    Thread.sleep(1000);

                } catch (InterruptedException ex) {

                    ex.printStackTrace();

                }

                for (int i = 0; i < 10; i++) {

                    changeText((i+1)+"");

                    try {

                        Thread.sleep(1000);

                    } catch (InterruptedException ex) {

                        ex.printStackTrace();

                    }

                }

                changeText("action end");

            }

        }).start();

    }

我们可以看到，新的buttonActionPerformed方法中，仅仅是把整个代码段放在了一个线程中，并启动了线程。

我们在每次setText后，都睡眠了1秒钟，是为了看到界面真的实时的变化了，如果不睡眠，界面刷新会一闪而过，不利于观察。

再次运行代码，会发现，终于得到了我们期望的效果：JLabel和JTextField中的文本动态的变化了！