Question

我正在使用libgdx游戏框架绘制一个表格。一切都完美呈现了我想要实现的目标。我现在需要的是显示表格的单元格边框，但到目前为止我没有发现任何相关内容。我也倾向于使用调试边框线来满足目的，但也无法改变它们的颜色。

这是我的代码。

Table table = new Table();
table.setFillParent(true);
table.left().top();

table.add(new Label("Results", new LabelStyle(font, Color.BLACK))).colspan(2).expandX();
table.row();
table.add(new Label(text_you_score, new LabelStyle(font, Color.BLACK)));
table.add(new Label(text_actual_score, new LabelStyle(font, Color.BLACK)));
return table;

表和单元格有许多属性，但不是border属性。我们也可以手动绘制网格线，但这对我认为的每个设备分辨率都不会完美。任何帮助或想法都非常感谢。感谢

Answer 1

这是基于libGDX 1.5.3：

对此的解决方案是使用NinePatch作为Table的背景图片。

NinePatch patch = new NinePatch(new Texture(Gdx.files.internal("background.png")),
     3, 3, 3, 3);
NinePatchDrawable background = new NinePatchDrawable(patch);

Table table = new Table();
table.setBackground(background);

使用数字变量，您可以修改边框半径。确保这与png文件匹配。

Answer 2

将表注册为调试模式

table.debug();
调用render()方法

Table.drawDebug(stage);

Example

Answer 3

我通过将ShapeRenderer转换为使用table.drawDebug(shapeRenderer shapes)调用（我无法开始工作）转换为使用stage来实现调试行的显示将表添加为演员。

上面的答案中链接的example确实清楚地显示了它，但这里有一个简短的片段供参考。这是在libGDX 1.5.3。

public class MyGdxGame extends ApplicationAdapter {

    Texture img;
    Stage stage;

    @Override
    public void create () {
        img = new Texture("badlogic.jpg");
        stage = new Stage();
        final Skin skin = new Skin();

        Label.LabelStyle style = new Label.LabelStyle(new BitmapFont(),Color.WHITE);
        TextField.TextFieldStyle textFieldStyle = new TextField.TextFieldStyle();
        textFieldStyle.fontColor = Color.WHITE;
        textFieldStyle.font = new BitmapFont();

        skin.add("default", style);
        skin.add("default", textFieldStyle);
        // Keep your code clean by creating widgets separate from layout.
        Label nameLabel = new Label("Name:", skin);
        TextField nameText = new TextField("",skin);
        Label addressLabel = new Label("Address:", skin);
        TextField addressText = new TextField("",skin);

        Table table = new Table();
        table.add(nameLabel);              // Row 0, column 0.
        table.add(nameText).width(100);    // Row 0, column 1.
        table.row();                       // Move to next row.
        table.add(addressLabel);           // Row 1, column 0.
        table.add(addressText).width(100); // Row 1, column 1.

        table.setOriginX(0);
        table.setOriginY(0);
        table.setX(200);
        table.setY(200);
        table.debug();

        stage.addActor(table);
    }

    @Override
    public void render () {
        Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
        stage.act(Gdx.graphics.getDeltaTime());
        stage.draw();
    }

    public void resize (int width, int height) {
        stage.getViewport().update(width, height, true);
    }

    public void dispose () {
        stage.dispose();
    }   
}

在libgdx 0.9.7中绘制表格边框

3 个答案: