Java Swing 中的分层画布

Question

我正在模拟 人 在连接节点图上行走。为了直观地显示它，我使用了画布对象。我首先通过它的节点和它们之间的链接来渲染图形，然后我开始绘制 person，它由一个在图形中移动的小方块表示。

我的问题是，在我绘制地图（或图表）后，人的动画会删除标签，有时还会删除图表的线条。我知道这是因为我渲染了人的动作 在包含地图的同一画布上（并且由于 clearRect() 方法调用）。

如何避免清除图表？起初我查看了JLayeredPane，但画布重叠并且在最上面的画布上没有透明度（没有透明的人）。我想到的第二个选项是在绘制人之前复制该区域，然后在人移动时恢复该区域，但我不确定如何实现这一点，因此我没有使用过swing 或awt 这么多，我认为这可能是一个常见问题。

我附上了一张图片来显示我的问题以及我为每个人

的渲染代码

public class Person extends Thread {

    public Person(String name, Spot location, World world, Graphics g) {
    this.name= name;
    this.location= location;
    this.world= world;
    this.g= g;
}

private void move() {
    Set<Link> links= world.getLinksFrom(location.getId());  
Link route= CollectionUtil.getRandomElement(links);  
Spot destination= route.getOriginX() == location.getX() &&   
    route.getOriginY() == location.getY() ?  
    route.getTheTarget(): route.getTheOrigin();  

try {
    double deltaX= (destination.getX() - location.getX()) / route.distance();
    double deltaY= (destination.getY() - location.getY()) / route.distance();
    double w2= (PERSON_WIDTH / 2);

    for(double i=location.getX(), j=location.getY(), d= route.distance(); 
    d > 5;
    i+=deltaX, j+= deltaY, 
    d=Point2D.distance(i, j, destination.getX(), destination.getY())) {
            g.clearRect((int)(i - w2 - deltaX), (int)(j - w2 - deltaY), 
        PERSON_WIDTH, PERSON_WIDTH);
        g.drawRect((int)(i-w2), (int)(j-w2), 
        PERSON_WIDTH-1, PERSON_WIDTH-1);
        Thread.sleep(50);
    }

    this.location= destination;

    // Stay ath the new location for a while
    Thread.sleep(new Random(System.currentTimeMillis()).nextInt(Person.MAX_SPOT_MILLIS));
    } catch(InterruptedException e) {
        throw new RuntimeException(e);
    }

@Override
public void run() {
    while(!isInterrupted()) {
        this.move();            
    }
}
}

Answer 1

两种最常见的解决方案是：

1. 每次都画图。使用double buffering 避免闪烁。除非您的图表有很多节点并且您的计算机速度很慢，否则这应该可以正常工作。

2. 将图形渲染成图像。在开始绘制人物之前，先绘制一次图像。这会清除整个画布。

Answer 2

1. 除非您自己创建它，否则您不应维护对Graphics 上下文的引用。图形上下文可以在重绘之间更改，重绘将覆盖其间绘制的任何内容。您应该覆盖自定义组件（如 JPanel）的 paintComponet 方法并在每次调用时绘制组件的当前状态
2. 听起来您正在使用java.awt.Canvas，您应该避免使用 AWT 并改用 Swing。这是一个更新的框架，默认情况下是双缓冲的。您应该避免混合 AWT 和 Swing 组件，因为它们往往不能很好地结合在一起
3. Swing 是单线程环境，这意味着您应该只在事件调度线程的上下文中与 UI 交互吗？查看Concurrency in Swing了解更多详情。
4. 有 3 种方法可以制作 Swing 动画。您可以使用Thread 或javax.swing.Timer 或其中一种动画框架。

使用线程更复杂，您需要负责确保更新正确地重新同步到客户端。这对于复杂的动画作业很有用，其中每个周期计算状态之间的时间会有所不同。

javax.swing.Timer 更简单，因为它的回调是在 EDT 的上下文中定期执行的。这对于更新状态所需的时间很短和/或合理恒定的简单动画非常有用，因此它们不会有可能导致惊人的帧

Answer 3

如果您想尝试拥有两个画布，那么我想我可能有一个解决方案。

创建你的第一个画布来绘制你的图表，并在上面创建一个画布来绘制你的人。

您可以将顶部画布的背景颜色设置为透明色，然后也可以使用相同的透明色清除画布。

例如：

g.setBackground(new Color(0,0,0,0));
g.clearRect(0, 0, width, height);

将清除顶部画布，留下完全透明的颜色

canvas.setBackground(new Color(0,0,0,0);

将使画布组件透明。 只需要在创建画布时调用一次。

现在顶部画布在您使用 0 alpha 颜色清除后将完全透明，只有您在顶部画布上绘制的内容才会遮挡底部画布。

希望对你有帮助