Swing MapPanel更新图形

Question

尝试创建一个具有图形地图概述的面板。Map概述显示完整地图的10x10块(因此总是只显示某一特定区域)。这就产生了100个MapTile对象，每个对象都表示MapPanel类中的一个平铺。每个MapTile都包含一个字段对象，它当前正在显示该对象。字段对象保存了大量的数据，比如如果被阻塞，是谁站在场上，字段是什么类型，等等(可能的类型是草、泥土、石头等)。

每当发生变化时，我都需要更新MapPanel，以便它显示实际情况，而不是实例化它。这就是我目前失败的地方。

到目前为止，这就是我所拥有的：

public class MapTile extends JPanel {
    private BufferedImage backgroundImage;
    private BufferedImage fighterImage;
    private Field field;

    stuff...

    public MapTile(Field field) throws MidWarGeneralException {
        loadBackgroundImage(field.getType());
        if(field.isOccupied()) {
            loadFighterImage(field.getFighter().getTeam());
        }
        setToolTip(field);
        this.field = field;
    }

    private void setToolTip(Field field) {
        if(field.isOccupied()) {
            setToolTipText(field.getX() + "/" + field.getY() + "\n"
                    + "used by: " + field.getFighter().getName() + "(Team: " + field.getFighter().getTeam().getName()
                    + ")\n" + "Type: " + field.getType().getName());
        }
        else {
            setToolTipText(field.getX() + "/" + field.getY() + "\n" +
                    "Type: " + field.getType().getName());
        }
    }

    private void loadBackgroundImage(TileType type) {
        stuff...
    }

    private void loadFighterImage(Team team) {
       stuff ...
    }

    public void update(Field field) {
        this.field = field;
        repaint();
    }

    @Override
    protected void paintComponent(Graphics graphics) {
        super.paintComponent(graphics);
        Graphics2D g2d = (Graphics2D) graphics;
        g2d.drawImage(backgroundImage, 0, 0, getWidth(), getHeight(), this);
        if(fighterImage != null) {
            g2d.drawImage(fighterImage, 0, 0, getWidth(), getHeight(), this);
        }
    }
}

这两个load()函数都将根据当前字段对象拥有的当前数据加载适当的映像。我想要的是: MapTile对象总是有一个背景(grass.png、stone.png等)。如果该字段被一个人占用，它将以团队的颜色在其上绘制person.jpg。到目前为止，这确实有效，但是我无法更新视图。

视图需要在以下情况下更新：

1. 我们更改呈现区域(例如，映射也可以是200x200，但我们总是只呈现其中的10x10区域。这样我们就可以在每个方向上“行走”，并呈现出地图上不同的区域)
2. 移动人员(只需更新旧的和新的字段)
3. 一个人死了(只需更新旧字段)

这是我的MapPanel课程：

public class MapPanel extends JPanel {
    private Map map;
    private int currentX;
    private int currentY;
    private List<MapTile> tiles;

    public MapPanel(Map map) {
        this.map = map;
        this.currentX = 0;
        this.currentY = 0;
        this.tiles = new ArrayList<>();

        init();
    }

    private int[] calcRenderArea() {
        currentX = (currentX > map.getWidth()) ? map.getWidth() : currentX;
        currentY = (currentY > map.getHeight()) ? map.getHeight() : currentY;

        int difX = map.getWidth() - currentX;
        int difY = map.getHeight() - currentY;

        currentX = (difX < 10) ? currentX - (10 - difX) : currentX;
        currentX = (difY < 10) ? currentY - (10 - difY) : currentY;

        return new int[]{currentX, currentY};
    }

    private void render() {
        int[] offsets = calcRenderArea();
        int tileCounter = 0;
        for(int x = offsets[0]; x < 10; x++) {
            for(int y = offsets[1]; y < 10; y++, tileCounter++) {
                tiles.get(tileCounter).update(map.getField(x + offsets[0], y + offsets[1]));
            }
        }
    }

    private void init() {
        setLayout(new GridLayout(10, 10));
        for(int i = 0; i < 10; i++) {
            for(int j = 0; j < 10; j++) {
                MapTile tile = new MapTile(map.getField(i, j));
                tile.setBorder(BorderFactory.createLineBorder(GUIConfig.BORDER_COLOR));
                add(tile);
                tiles.add(tile);
            }
        }
    }

    public void toLeft() {
        currentX -= 1;
        update();
    }

    public void toRight() {
        currentX += 1;
        update();
    }

    public void toTop() {
        currentY -= 1;
        update();
    }

    public void toBottom() {
        currentY += 1;
        update();
    }

    public void update() {
        // Todo :fix the map panel updating
        render();
    }
}

因此，我搜索了很多到目前为止，并发现了一些关于几个图片在JPanel上，但没有关于如何更新它们.我尝试了这么默认的repaint()；这不起作用。有人有什么想法吗？谢谢!

Answer 1

看起来，您需要改进MapTile的update(Field field)方法，以便从Field对象中提取与构造函数类似的所有信息。

即，

    public final void update(Field field) {
        // this.field = field;
        loadBackgroundImage(field.getType());
        if(field.isOccupied()) {
            loadFighterImage(field.getFighter().getTeam());
        }
        setToolTip(field);
        this.field = field;
        repaint();
    }

和

    public MapTile(Field field) throws MidWarGeneralException {
        updateField(field);
    }

但是，作为一个“侧”建议，这个建议不会解决您原来的问题，但可能会帮助解决未来的问题，我建议您将程序结构更改为MVC (模型-视图-控制)类型结构，并拥有您的视图--上面的GUI，侦听对模型的更改(程序的逻辑部分)，并在发生更改时自我更新。