libgdx 同时更新标签文本和位置答案

【问题标题】：libgdx update label text and position simultaniouslylibgdx 同时更新标签文本和位置
【发布时间】：2015-07-26 21:07:33
【问题描述】：

我想要做的是添加一个标签来跟随滑块旋钮并显示旋钮的值。我目前有一个垂直滑块和一个堆叠在表格单元格内的标签。我能够将标签定位到旋钮所在的位置并正确更新其文本，但在移动旋钮时遇到问题。

当我移动旋钮时，只要我不更新文本，我就可以让标签跟随它。但是，如果我更新文本，则标签会在单元格中重新居中，直到旋钮停止移动，此时它将自己放置在旋钮上。

如何使标签在更新文本时不会重新定位？

这是我正在做的一些示例代码：

public class OptionsWindow implements Screen {
    private Stage stage;
    private Table table;
    private Slider slider;
    private Label label;

    private Skin textSkin = new Skin(Gdx.files.internal("skins/skin.json"),
        new TextureAtlas(Gdx.files.internal("skins/text.pack")));
    private Skin sliderSkin = new Skin(Gdx.files.internal("skins/skin.json"),
        new TextureAtlas(Gdx.files.internal("skins/text.pack")));

    private min = 1, max = 2;

    @Override
    public void show() {
        stage = new Stage();
        table = new Table();
        slider = new Slider(min, max, 0.001f, true, sliderSkin);
        label = new Label(""), textSkin);

        table.stack(label, slider).height(1000);
        table.setFillParent(true);
        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);

        label.setY(slider.getValue() - min);
        label.setText(slider.getValue());

        stage.act();
        stage.draw();
    }
}

我已经做了很多寻找这个问题的答案，但没有产生任何结果。我还尝试将标签放在容器中并在更改标签文本的同时移动容器，但结果相同。我敢肯定，以前有人这样做过。这似乎是人们想要的东西。拜托，欢迎任何帮助。

【问题讨论】：

您是否尝试在设置 y 坐标之前更改文本？
是的，我有。结果相同

标签： java android libgdx slider label

【解决方案1】：

以前从未这样做过，我总是在滑块旁边或上方的标签中显示金额以提供反馈。但是你所追求的结果给人一种很好的感觉。您是否尝试将ChangeListener 添加到您的滑块？每次滑块更改时都会调用它。因此，如果您在其中插入新的位置和文本，它应该会正确更新。

        //Slider has to be "final" for the listener.
        final Slider slider = new Slider(0, 10, 1, true, skin);
        slider.addListener(new ChangeListener() {
            @Override
            public void changed(ChangeEvent event, Actor actor) {
                label.setY(slider.getValue() - min);
                label.setText(slider.getValue());
            }
        });

这不需要在您的渲染方法中。它是一个侦听器，因此每当发生某些事情时，侦听器所侦听的内容就会执行。

【讨论】：

不幸的是，这并没有解决问题。这让情况变得更糟了。有了这个标签现在几乎没有改变它的位置，即使它发生了改变，它仍然会在更新它的文本时回到表格单元格的中心。
明天必须亲自检查一下。 CET 在这里。

【解决方案2】：

好的，所以我想出了一个解决方法。在更新文本时，标签似乎会移回其单元格对齐位置。为了解决这个问题，我只是将我的标签放在一个表格中，表格的两边各有一行，如下所示：

Table subTable = new Table();
subTable.add().row();
subTable.add(label).row();
subTable.add();

然后在渲染中计算外部单元格的新高度值并应用它们：

float topH, botH;
// Calculate heights
topH = (1 - slider.getPercent()) * parentTable.getHeight();
botH = slider.getPercent() * parentTable.getHeight();

// Apply heights to exterior table cells
subTable.getCells().get(0).height(topH);
subTable.getCells().get(2).height(botH);

// Update label text
label.setText(slider.getValue());

这只是我所拥有的一种简单形式。您需要考虑标签高度以使其正确定位。此外，如果您希望它在滑块设置的 animateDuration 处跟随滑块，您将需要使用 getVisualPercent() 而不是 getPercent()。但是，当您的手指飞出单元格时，这会导致问题。出于某种原因，视觉百分比与手指离开单元格时滑块旋钮的位置相关联，而不是与结束位置相关联。

我的解决方法是将 animateDuration 设置为 0.0f 并使用 getPercent()。如果我或某人想出了 getVisualPercent() 选项的解决方案，那么也可以发布。

【讨论】：