如何使字体文本可点击？

Question

我的游戏在屏幕上有3个BitmapFont （更多）。 我希望能够触摸字体并在控制台中输出它的字符串，因此我知道按下了哪一个。 我试图创建一个矩形，但无法获取被触摸的BitmapFont的字符串。

这是我创建BitmapFont代码：

public class simple  implements ApplicationListener {
    private OrthographicCamera camera;
    private SpriteBatch batch;
    BitmapFont font;
    GlyphLayout layout;
    String a1 = "aa";
    String a2 = "bb";
    String a3 = "cc";
    int a = 0;
    @Override
    public void create() {
      camera = new OrthographicCamera();
      camera.setToOrtho(false, 800, 480);
      batch = new SpriteBatch();
      layout = new GlyphLayout();
      font = new BitmapFont(Gdx.files.internal("arial-15.fnt"));
   }
   @Override
   public void render() {
      Gdx.gl.glClearColor(0, 0, 0.2f, 1);
      Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);    
      camera.update();
      batch.setProjectionMatrix(camera.combined);
      batch.begin();
      for (int i =1; i< 4;i++){ 
          layout.setText(font, "a"+i);
          font.draw(batch, layout,200+(15*i),200 );
      }
      batch.end();  
  }

Answer 1

您想要组合使用字符串，位图字体，布局和定位功能。 最好的方法是为该可点击字体创建一个包含我们所需所有内容的class 。 因为我是一个好人，所以我为您做了一些工作，实际上我还有很多其他事情要做：D。

public class ClickableFont {

//Declare the fields
private GlyphLayout layout;
private BitmapFont font;

private String text;

private int posX;
private int posY;

/**
 * Constructs clickable text from a font
 * @param text Text to display
 * @param posX X position of the text
 * @param posY Y position of the text
 */
public ClickableFont(String text, int posX, int posY) {
    this.text = text;
    this.posX = posX;
    this.posY = posY;

    font = new BitmapFont(Gdx.files.internal("arial-15.fnt"));
    layout = new GlyphLayout(font, text);

}

/**
 * @param batch Draws the text using the given SpriteBatch.
 * @param camera Requires a camera to calculate touches between screen and world.
 */
public void update(SpriteBatch batch, OrthographicCamera camera)
{
    checkClicked(camera);

    font.draw(batch, layout, posX, posY);
}

/**
 * Checks if this object is clicked and outputs to console
 * @param camera the camera
 */
private void checkClicked(OrthographicCamera camera)
{
    if (Gdx.input.justTouched())
    {
        //Get screen coordinates
        Vector3 touch = new Vector3(Gdx.input.getX(), Gdx.input.getY(), 0);
        //Transform screen touch to world coordinates using the camera you are drawing with
        camera.unproject(touch);

        //System.out.println(getRectangle());
        //System.out.println(touch);

        if (getRectangle().contains(touch.x, touch.y))
        {
            System.out.println(text + " has been clicked.");
        }
    }
}

/**
 * Creates a rectangle for the sprite to perform collision calculations.
 * Since it seems font.draw draws from top to bottom (coordinate system of LibGDX is not consistent)
 * We have to adept the rectangle position Y position
 * @return rectangle of font bounds
 */
private Rectangle getRectangle()
{
    return new Rectangle(posX, posY - (int)layout.height, (int)layout.width, (int)layout.height);
}
}

如您所见，它可以逐步解决您的问题。 解决问题是您在编程中所要做的。 经验法则是，永远不要使方法超过10行（注释除外）。 可以设置例外，但任何大型方法都可以分解为可读性强的较小方法。

现在如何使用此ClickableFont类？

    public class simple  implements ApplicationListener {
    private OrthographicCamera camera;
    private SpriteBatch batch;
    //folowing are not nececary anymore since it's handled by the new class
    //BitmapFont font; 
    //GlyphLayout layout; 
    //String a1 = "aa";
    //String a2 = "bb";
    //String a3 = "cc";

    int a = 0;

    //Declare a list to hold your clickable fonts
    List<ClickableFont> clickableFonts = new ArrayList<ClickableFont>();

    @Override
    public void create() {
      camera = new OrthographicCamera();
      camera.setToOrtho(false, 800, 480);
      batch = new SpriteBatch();

    //Add clickable fonts to the list
      clickableFonts.add(new ClickableFont("aa", 200, 200));
      clickableFonts.add(new ClickableFont("bb", 200 + 150, 200));
      clickableFonts.add(new ClickableFont("cc", 200 + 150 * 2, 200));
   }

   @Override
   public void render() {
      Gdx.gl.glClearColor(0, 0, 0.2f, 1);
      Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);    
      camera.update();
      batch.setProjectionMatrix(camera.combined);
      batch.begin();
      /* replace your loop
      for (int i =1; i< 4;i++){ 
          layout.setText(font, "a"+i);
          font.draw(batch, layout,200+(15*i),200 );
      }*/
      for (ClickableFont font : clickableFonts)
      {
          font.update(batch, camera);
      }
      batch.end();  
  }