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