如何制作小程序动画？

Question

我尝试为数组制作小程序，包括插入/删除/搜索操作。

对于插入和删除，很简单：一旦用户单击“插入”或“删除”按钮，只需更新数组，然后调用 repaint 来重新绘制数组。
然而搜索不同，它是一个动画，一旦单击搜索按钮，我想从数组中的第一个元素开始，通过突出显示该元素来检查值。我的代码如下，但它只在最后一步（找到元素时）突出显示元素，它没有像我预期的那样突出显示每个元素，我对小程序动画不太熟悉，任何人都可以帮助？谢谢。

// index for search.
private searchIndex = -1;

 public boolean  search(int number) {
  boolean found = false;

  for (int i = 0; i < arr.getSize(); i++) {
   searchIndex = i;

   repaint();
   revalidate();

   if (arr.getElement(i) == number) {
    found = true;
    break;
   }

   try {
    Thread.sleep(3000);
   } catch (InterruptedException e) {
    e.printStackTrace();
   }
  }

  return found;
 }

    public void paintComponent(Graphics g) {

        super.paintComponent(g);       
        Graphics2D g2;
        g2 = (Graphics2D) g;
        g2.setRenderingHint(
                RenderingHints.KEY_ANTIALIASING, 
                RenderingHints.VALUE_ANTIALIAS_ON);

        int xPos = START_X, yPos = START_Y;
        int width = CELL_WIDTH, height = CELL_HEIGHT;

        Font font = new Font("Serif", Font.BOLD, 12);
        g2.setFont(font);

        // draw array
        for(int i = 0; i < arr.getSize(); i++) {
 int element = arr.getElement(i);

 g2.setColor(Color.BLUE);
 g2.drawString(Integer.toString(element), xPos + OFFSET - 5, yPos + OFFSET + 5);

 g2.setColor(Color.BLACK);
 g2.drawRect(xPos, yPos, width, height);

 xPos += width;   
        }

        // high light the cell
         if (searchIndex > -1) {  
  xPos = START_X + (runSearch * CELL_WIDTH);

  g2.setColor(Color.blue);
  g2.fillRect(xPos, yPos, width, height);

  g2.setColor(Color.white);
  g2.drawString(Integer.toString(arr.getElement(searchIndex)), xPos + OFFSET - 5, yPos + OFFSET + 5);
 }

    }

Answer 1

因为 Thread.sleep() 导致 EDT 休眠，这意味着 GUI 无法重新绘制自身，直到循环完成。相反，您应该使用 Swing Timer 来安排动画。

阅读 Swing 教程。从“并发”（了解 EDT 如何工作）和“如何使用计时器”部分开始。