用不同的弧颜色的圆边框

Question

如何使用两种颜色的圆弧制作圆形边框，如下图所示？

我使用画布和我开始的东西，创建不同颜色的单独弧，然后将它们组合在一起，如this。

但这极大地增加了应用程序的复杂性。此外，我必须创建多个圆圈，并在应用程序启动后逐帧旋转它们。有这么多不同的弧线，一切都变得混乱。

有更好的方法吗？是否可以将圆圈表示为单个实体？