android - 绘制循环定时器(AndEngine)

Question

我正在使用 AndEngine，在该框架内，我想制作一个圆形计时器图形。具体来说，我想显示重用能力的等待时间。这个想法是随着计时器的进行动态填充弧线。像这样:

java.awt.Graphics 对象有一个 fillArc() 方法，对我来说似乎很完美。事实上，上图是使用 fillArc(50,5,100,100,75,-40) 绘制的。伟大的!现在问题来了:

AndEngine 不使用 Graphics() 对象，它使用自己的 Shape 实现(对于 OpenGL)并且没有定义的“圆形”形状，更不用说带有 fillArc() 方法的圆形了。

可能的解决方案及其各自的问题

四处寻找解决方案时，我遇到了“Drawing a circle using Andengine”。 Q&A 对我来说用处不大，因为唯一的答案“确实，你不能直接画一个圆圈”提供了两种选择:(1)“渲染一个带有圆形纹理的四边形”——这对我来说不起作用，因为我需要动态修改圆以产生弧形填充；和 (2) “渲染一个实际上是连接三角形的圆圈。”也许选项二可行，但没有关于如何做到这一点的指导。

我也遇到了“Creating circle in android andengine by box2d?”。我怀疑有人可能会想说，您可以像这样简单地创建一个圆圈:

Body circleBody = PhysicsFactory.createCircleBody(pWorld, pSprite, BodyType.StaticBody, FixtureDef);

这真的对我没有帮助。我不想创建圆形的 2D 物理体。我想展示一个。

最后，我找到了this discussion ，这是有前途的。特别是，有一个建议:

Use Canvas to draw [it] into a Bitmap, and load that Bitmap as a TextureSource.

听起来很合理，虽然我仍然不清楚该怎么做。

---

更新:我的作弊“解决方案”

与其纠缠于此，我决定作弊(至少目前是这样)。我制作了一个如下所示的 spritesheet:

我并没有让计时器实际显示完美的 fillArc()，而是根据完成的比例(从 0 到 1)四舍五入到 spritesheet 上的适当索引，从 spritesheet 中提取适当的 sprite 索引。像这样:

public void setTimer(float amount) {
    this.setCurrentTileIndex(Math.round(amount * 20));
}

为了我的目的，这实际上工作得很好——我使用了大约 2 秒的计时器，所以你真的看不到细节的缺失。但如果有人发布它，也许我会用“适当的”解决方案替换它。此外，也许这个 spritesheet 对做同样事情的人有用。这是使用透明度而不是绿色背景的版本。 (所以它在stackoverflow的白色背景上是白色的，但它在那里):

Answer 1

第三种解决方案需要一个纹理和一个自定义对象。因此，这是您的解决方案之间的权衡，其中一个需要大量三角形，另一个需要纹理内存。

1. 您只需要一张图片，即上面“作弊序列”中的完整圆圈。
2. 创建一个由 8 个三角形组成的自定义对象(一个“完全绘制”的三角形每个代表 45°)。
3. 进度决定:
   • 要绘制多少个三角形。 IE。:
     • 100% ==> 360° ==> 8 个全三角形
     • 50% ==> 180° ==> 4 个全三角形
     • 37.5% ==> 135° ==> 3 个全三角形
     • 25% ==> 90° ==> 2 个全三角形
     • 20% ==> 72° ==> 1 个完整三角形和一个顶点移动的三角形，代表剩余的 27° (== 72° - 45°)。

如果您问我这是最酷的解决方案，因为它可以应用于任何纹理。 =)