如何使用 JavaFX 2 绘制时钟？

Question

给定一小时一分钟，我想画一个类似的时钟。

我能够用Circle 创建一个Group，但我不知道手使用哪个类以及如何放置和旋转它们。

Answer 1

1. 将具有不同strokes 和长度的 3 个lines（小时、分钟、秒）添加到您的组。
2. 将每条线的一端放在圆圈的中心，每条线的另一端指向 12 点钟方向。
3. 创建一个timeline，每秒触发一个关键帧。
4. 在关键帧中：
   • 根据当前time计算手的旋转度数。
   • Rotate 交出所需金额。
5. 将时间线设置为cycleindefinitely。
6. 将您的组放置在场景中并将场景添加到舞台。
7. Play你的时间线。

我创建了一个sample app 来实现上述原则。

更新

针对示例应用中使用的编码风格criticism，我创建了一个refactored sample app，它使用了更实用的编码风格。

另外，jfxtras project 有一个 AnalogueClock 控件。以下是如何使用jfxtras 时钟的要点。

Answer 2

Netbeans 7.1.2 与示例应用程序捆绑在一起。在 JavaFX 部分有一个 StopWatch 示例应用程序。看看它，它可以给你一个很好的线索。