在 Codenameone 中控制宽度渲染动画

Question

我有一个页面，它有多个垂直部分，每个部分都有我构建的温度计类型控件，每个部分都呈现。我如何对其进行编码，以便当页面加载时，所有部分的“水银”宽度可以以动画方式增长以填充温度计？

我已经尝试了为制作 form.animateLayout(3000); 提供的示例。但我没有成功让单个控件同时增加它们的宽度..

仅供参考，温度计是一个容器，其布局为表格，容器上放置一个红色标签，具有特定宽度

outlineContainer.add(table.createConstraint().widthPercentage(90), mercuryLabel);

这就是我保证温度计水银宽度正确的方式。

提前致谢。

Answer 1

您需要为不断增长的元素的直接父级设置动画，这样应该可以工作：

mercuryLabel.setWidth(0);
outlineContainer.animateLayout(1000);

确保您没有revalidate、repaint 或其他会破坏此操作的相关代码。