如何在图片中添加clicklistener

Question

我刚刚开始用libGDX做原型，以了解它是如何工作的。我想实现一个网格(像象棋游戏)，当我点击/触摸网格的一个盒子，这改变了它的形象。

我找到了一个很好的教程，但它只使用键盘监听器，在网络上，我找不到一个很好的例子来阐明这些机制。

我不明白的是:用什么来渲染框(目前我只使用了SpriteBatch和ShapeRenderer)以及如何检测何时哪个框被点击(我认为计算坐标不是一个好方法。我认为最好的方法是在每个框中添加一个点击监听器来确定它何时被点击，但是我不知道如何编码)。

谢谢大家的任何建议，如果有例子的话，能给我很大帮助。

Answer 1

Scene2d最适合您的目的，请查看文档。https://github.com/libgdx/libgdx/wiki/Scene2d

例如，您可以将演员手势列表添加到创建的演员中。要使用形状渲染器渲染某些内容，您可以覆盖 Actor 的绘制方法并对它们应用矩阵。但是，如果您只需要绘制框，最好使用带有矩形的简单图像，而不是使用ShapeRenderer。选择您更喜欢的款式/规格。

Answer 2

Image image = new Image();

image.addListener(new ClickListener(){
    @Override
    public void clicked(InputEvent event, float x, float y) {
        System.out.println("You clicked an image...");
    }
});

现在，我们可以将此图像添加到类似< code >表的东西中，或者直接添加到< code >舞台中。

就像dtx12提到的，你应该看看场景2D。您可能希望使用这样的表来设置网格。

Table chessTable = new Table();
int boardHeight = 8;
int boardWidth = 8;

for (int y = 0; y < boardHeight; y++)
{
    for (int x = 0; x < boardWidth; x++)
    {
        //Check if dividable by two to make checker pattern and add cell to table.
        if (x + y % 2 == 0)
            chessTable.add(blackImage);
        else 
            chessTable.add(whiteImage);
    }
    //Add a new row to table
    chessTable.row();
}