我正在寻找一种向 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();
}
这只是一些示例代码,但如果它能在这里工作,我一定能够弄明白。
谢谢
最佳答案
首先,您需要一个数组来存储您的数字值。使用 View (表格单元格)来存储模型(数字值)不是一个好习惯,此外,标签单元格存储的是字符串,而不是整数,因此会很不方便。
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 atlas 中的正负图像称为“tree-minus”和“tree-plus”。您需要为其中的每一个使用一个 ImageButton 样式作为 imageUp
属性。 (如果您没有为其他状态定义图像,例如 imageDown
,则默认使用 imageUp
。)您可以将这些添加到 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
数组),以便更改监听器可以查找和达到限制时相应地禁用/启用按钮。
关于java - 向表格单元格 LibGDX 添加加号/减号按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32121439/