Swing界面刷新問題

在Java Swing編程中，往往會遇到需要動態刷新界面的時候，例如動態刷新JLabel的文本，JTextField里的文本等等。但是往往卻沒有達到我們預期的效果，我相信很多朋友都遇到過本文將要說的這個問題。

如下圖的Swing界面中，我們期望在點擊按鈕時，Jlabel和JTextField里的文本能不斷的變化，並實時地顯示出來。

這個例子中，我們期望點擊按鈕后，JLabel和JTextField中每隔一秒鍾刷新一下文本，順序的顯示以下的幾句文本：

Button clicked

Start to change text...

接着顯示數字1到10

action end

很多人都會像下面的代碼這樣實現這個功能：

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中的文本動態的變化了！