JFrame内での滑らかな更新がされない (質問タイトルが当たっているか微妙)

Question

前提・実現したいこと

JFrame内でspaceを押すと赤色のJPanelを一定間隔で0.01秒おきに右側に移動させるようにして、赤が進むようになっています。しかし、実際にspaceを押すと下のコードの赤を進ませるfor文が終了した状態で赤が表示されています。つまり、赤が進んでいるように見えません。理想は、for文の途中で毎回赤を表示させて赤が移動して進んでいるように見えるようにしたいです。ソースコード2がいい例でこれだとforの途中でも表示されます。どうすれば1でforが終了した状態で表示されるのではなく2のようにforの途中で毎回表示できるようになりますか。
簡単なサンプルコードもお願いします。

該当のソースコード

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class test02 extends JFrame implements KeyListener{
	int x=51,y=51;//xとy座標
	JPanel panel,ball;
	public static void main(String[] args){
		test02 cl = new test02("test02");
	}
	test02(String title){
		setTitle(title);
		setBounds(93,100,600,400);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		setLayout(null);
		
		panel = new JPanel();
		panel.setBackground(Color.BLACK);
		panel.setBounds(x,y,50,50);
		
		ball = new JPanel();
		ball.setBackground(Color.RED);
		
		add(panel);
		add(ball);
		setResizable(false);
		setVisible(true);
		
		addKeyListener(this);//KeyListener
	}
	@Override
	public void keyTyped(KeyEvent e){/*何かのキー(aなど)を押した場合の処理*/}
	@Override
	public void keyPressed(KeyEvent e){/*キーを入力した際の処理*/
		switch(e.getKeyCode()){
		case KeyEvent.VK_UP://上キー	上移動
			y-=3;
			break;
		case KeyEvent.VK_DOWN://下キー	下移動
			y+=3;
			break;
		case KeyEvent.VK_LEFT://左キー	左移動
			x-=3;
			break;
		case KeyEvent.VK_RIGHT://右キー	右移動
			x+=3;
			break;
		case KeyEvent.VK_SPACE://スペースキー
			for(int i=x;i<x+350;i+=10){
				ball.setVisible(false);
				ball.setBounds(i,y,10,10);
				ball.setVisible(true);
				try{
					Thread.sleep(1);
				}catch(Exception a){
				}
			}
			break;
		}
		panel.setBounds(x,y,50,50);
		if(x<0||x>537||y<0||y>315){
			System.out.println("DEATH");
		}
	}
	@Override
	public void keyReleased(KeyEvent e){/*キーを離した際の処理*/}
}

import javax.swing.*;
import java.awt.*;
public class test01 extends JFrame{
	public static void main(String[] args){
		test01 f = new test01();
	}
	test01(){
		setBounds(100,100,500,500);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		getContentPane().setBackground(Color.WHITE);
		setLayout(null);
		setVisible(true);
		
		JPanel panel = new JPanel();
		panel.setBackground(Color.RED);
		panel.setBounds(100,100,10,10);
		add(panel);
		
		while(true){
			try{System.in.read();}catch(Exception e){}
			for(int i=0;i<500;i++){
				panel.setBounds(i,100,10,10);
				try{Thread.sleep(10);}catch(Exception e){}
			}
		}
	}
}

補足情報（FW/ツールのバージョンなど）

java jdk-14.0.2

java version "14.0.2" 2020-07-14
Java(TM) SE Runtime Environment (build 14.0.2+12-46)
Java HotSpot(TM) 64-Bit Server VM (build 14.0.2+12-46, mixed mode, sharing)

Answer 1

できればサンプルコードが欲しいです。

キーワードは提示しましたが。

今回の描写ではswingutilities.invokelaterをどのように使えばいいですか？

あなたのソースに手を入れるつもりはないので、単純なサンプルを。

import javax.swing.*;
import java.awt.*;
import java.time.LocalDateTime;

public class xxHogege
    extends JFrame {
  public static void main(String[] args) throws Exception {
    new xxHogege().setVisible(true);
  }

  xxHogege() {
    final JPanel panel = new JPanel();
    panel.setLayout(new FlowLayout());

    final JLabel label = new JLabel("xxxxxxxxxx");
    panel.add(label);

    //
    final JButton buttonA = new JButton("start(A)");
    panel.add(buttonA);

    buttonA.addActionListener((ev) -> {
      label.setText("start");
      final LocalDateTime stop = LocalDateTime.now().plusSeconds(10);
      while (LocalDateTime.now().compareTo(stop) < 0) {
        try {
          final String text = LocalDateTime.now().toString();
          System.out.println(text);
          label.setText(text);
          Thread.sleep(100);
        } catch (Exception e) {
          e.printStackTrace();
        }
      }
    });

    //
    final JButton buttonB = new JButton("start(B)");
    panel.add(buttonB);

    buttonB.addActionListener((ev) -> {
      label.setText("start");
      new Thread(() -> {
        final LocalDateTime stop = LocalDateTime.now().plusSeconds(10);
        while (LocalDateTime.now().compareTo(stop) < 0) {
          try {
            SwingUtilities.invokeLater(() -> {
              final String text = LocalDateTime.now().toString();
              System.out.println(text);
              label.setText(text);
            });
            Thread.sleep(100);
          } catch (Exception e) {
            e.printStackTrace();
          }
        }
      }).start();
    });

    add(panel, BorderLayout.CENTER);
    setSize(150, 200);
  }
}

Comments

[cretter]

わかりやすいサンプルありがとうございます。
とても参考になりました。

Answer 2

    @Override
    public void keyPressed(KeyEvent e){/*キーを入力した際の処理*/
...
        case KeyEvent.VK_SPACE://スペースキー
            for(int i=0;i<350;i+=50){//赤を右移動
                ball.setBounds(i,y,10,10);
                try{
                    Thread.sleep(1000);
                }catch(Exception a){
                }

keyPressedは、イベントディスパッチスレッドで実行される。
イベントディスパッチスレッドで、sleep()していると、Swingはその間に発生するさまざまなイベントを処理できない。あなたが発生させた再描画イベントも。
だから、for文が終了した状態で赤が表示される。
定期的に再描画したいのであれば、イベントディスパッチスレッドとば別のスレッドでsleep()し、SwingUtilities.html#invokeLater()などを使って、描画する必要がある。

Comments

[cretter]

できればサンプルコードが欲しいです。

[cretter]

今回の描写ではswingutilities.invokelaterをどのように使えばいいですか？