Question

我正在寻找一种向LibGDX中的表格单元格添加加号和减号按钮的方法。我试图做这样的事情：

我注意到我使用的 uiskin 文件包含加号和减号按钮（位于复选框旁边），这样做会很好（uiskin.png）。

有关如何将这些添加到我的表中并使其增加/减少该表格单元格中的整数值的任何提示？

我添加了一个基本的示例代码，说明了我想要做的事情：

@Override
public void create() {
    Stage stage = new Stage();
    Skin skin = new Skin(Gdx.files.internal("skins/uiskin.json"));

    Table table = new Table(skin);
    table.setPosition(Gdx.graphics.getWidth() / 2, Gdx.graphics.getHeight() / 2);
    for(int i = 0; i < 10; i++){
        table.add(Integer.toString(i)); //Somehow add plus/minus buttons left 
                                        //and right that increase/decrease the integer value
        table.row();
    }

    stage.addActor(table);

    Gdx.input.setInputProcessor(stage);
}


@Override
public void render() {
    Gdx.gl.glClearColor(0, 0, 0, 1);
    Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);

    stage.act(Gdx.graphics.getDeltaTime());
    stage.draw();
}

这只是一些示例代码，但如果它在这里工作，我一定能够弄明白。

由于

Answer 1

首先，您需要一个数组来存储您的数字值。使用View（表格单元格）来存储模型（数字值）不是一个好习惯，此外，Label单元格存储一个字符串，而不是整数，因此不方便。

private int[] tableData = new int[10];

现在您需要一个可以与数据中的行相关联的按钮。这是单向创建ImageButton的子类，可以采用行号和模式（减去或添加）。

public class IncrementButton extends ImageButton {

    public final int rowNumber;
    public final boolean decrement;

    public IncrementButton (Skin skin, String styleName, int rowNumber, boolean decrement){
        super(skin, styleName);
        this.rowNumber = rowNumber;
        this.decrement = decrement;
    }
}

你正在使用的uiskin地图集中的正负图像被称为＆＃34; tree-minus＆＃34;和＆＃34;树加＆＃34;。您需要为每个使用其中一个作为imageUp属性的ImageButton样式。（imageUp用作默认值，如果您不为其他状态定义图像，例如imageDown。）您可以将这些添加到uiskin.json中：

com.badlogic.gdx.scenes.scene2d.ui.ImageButton$ImageButtonStyle: {
    plus: { down: default-round-down, up: default-round, imageUp: tree-plus },
    minus: { down: default-round-down, up: default-round, imageUp: tree-minus }
},

现在，您可以为这些按钮创建一个ChangeListener，它将修改数据中的数字并相应地更新表格。然后把它全部搞定：

Stage stage = new Stage();
Skin skin = new Skin(Gdx.files.internal("skins/uiskin.json"));

final Table table = new Table(skin);
final Label[] labels = new Label[tableData.length]; //keep references to the labels for updating them.

final ChangeListener incrementListner = new ChangeListener() {
    @Override
    public void changed(ChangeEvent event, Actor actor) {
        IncrementButton incrementButton = (IncrementButton)actor;
        int row = incrementButton.rowNumber;
        tableData[row] += incrementButton.decrement ? -1 : 1;
        labels[row].setText(Integer.toString(tableData[row]));
    }
};

table.setPosition(Gdx.graphics.getWidth() / 2, Gdx.graphics.getHeight() / 2);
for(int i = 0; i < tableData.length; i++){
    IncrementButton decrementButton = new IncrementButton(skin, "minus", i, true);
    decrementButton.addListener(incrementListner);
    IncrementButton incrementButton = new IncrementButton(skin, "plus", i, false);
    incrementButton.addListener(incrementListner);

    table.add(decrementButton);
    labels[i] = table.add(Integer.toString(i)).getActor();//Add number label and keep reference to it in labels array for the change listener to look up
    table.add(incrementButton);
    table.row();
}

stage.addActor(table);

Gdx.input.setInputProcessor(stage);

如果要为数据设置最小值和最大值，则需要一些数组用于加号按钮和减号按钮（类似于labels数组），以便更改侦听器可以查找并禁用/启用当达到限制时相应的按钮。

向表格单元格LibGDX添加加号/减号按钮

1 个答案: