從另一個方法中更新 JFrame

Question

我有一個 .csv 文件，它是來自 60000 個手繪數字（手寫數字的 mnist 數據集）的完整像素數據。 按下按鈕時調用名為 train() 的 function。 在 train() function 中，我希望將 60000 個數字中的每一個都顯示在屏幕上。 代碼工作得很好，我只是無法從 train() 方法中更新 JFrame。

我測試了代碼，它 100% 按預期工作。 我只是無法在 train() function 中更新 JFrame。

    public void trainMenu() {
        JButton trainBtn = new JButton("Train");
        JLabel otp = new JLabel();
        JPanel bottomBar = new JPanel();
        trainImage = new ImageIcon();
        JLabel imageLabel = new JLabel(this.trainImage);

        bottomBar.setLayout(new GridLayout(1,2,5,5));
        bottomBar.add(trainBtn);
        bottomBar.add(otp);
        this.frame.getContentPane().add(BorderLayout.CENTER,imageLabel);
        this.frame.getContentPane().add(BorderLayout.SOUTH, bottomBar);
        SwingUtilities.updateComponentTreeUI(this.frame);

        ActionListener trainListener = new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                if (e.getSource() == trainBtn) {
                    train();
                }
            }
        };

        trainBtn.addActionListener(trainListener);
    }

    void train() {
        BufferedImage bImage;
        //all 60000 numbers are extracted from a .csv file
        //i omitted everything from this function because it's not important for this question
                ...

                //this line is run 60000 times. it displays the converted pixel data (very fast) the code definitely works, it simply won't update.
                this.trainImage.setImage(bImage);
                SwingUtilities.updateComponentTreeUI(frame);
            }
        }


    }

    public static void main(String[] args) {
        new NetGUI();
    }
}

當我按下“train”按鈕時，GUI 凍結並且沒有響應，直到 train() 方法完成。

Answer 1

與其更新trainImage ，不如為JLabel設置一個新的ImageIcon

imageLabel.setIcon(new ImageIcon(bImage));

您可能還需要在 label 上調用revalidate和/或repaint來觸發新的布局/繪制通道。

就個人而言，我會從train方法返回BufferedImage ，因為train方法真的不應該更新 UI，這不是它的工作。

當我按下“train”按鈕時，GUI 凍結並且沒有響應，直到 train() 方法完成。

是的，這是因為 Swing 與大多數 UI 工具包一樣，是單線程的。 這意味着如果您在事件調度線程的上下文中執行任何阻塞或長時間運行的操作，它將阻止它更新 UI 或響應任何用戶輸入。

有關詳細信息，請參閱Swing中的並發。

“一個”可能的解決方案是使用SwingWorker 。 這允許您在不同的線程上執行阻塞/長時間運行的操作，但提供了多種方式將更新安全地同步回 UI（Swing 也不是線程安全的；））

有關更多詳細信息，請參閱工作線程和 SwingWorker

Answer 2

您的 GUI 掛起，因為您正在 Swing 事件線程上進行大量圖像處理。 您可以使用 SwingWorker 之類的東西嗎？ 這樣，您可以在單獨的線程上構建映像，並且僅在必要時更新 GUI。

private void train() {
    SwingWorker<BufferedImage, Object> worker = new SwingWorker<BufferedImage, Void>() {
        @Override
        protected BufferedImage doInBackground() throws Exception {
            // load the CSV file
            BufferedImage bImage = new BufferedImage();
            // ... fill up the bImage
            return bImage;
        }

        @Override
        protected void done() {
            try {
                BufferedImage img = get();
                // ... set the trainImage
            } catch (InterruptedException | ExecutionException e) {
                e.printStackTrace();
            }
        }
    };

    worker.execute();
}