如何使用seriesItem库使用2个免费的DecoView创建图形

Question

我试图创建一个轮图，它显示了两个互补的seriesItem，例如，红线80%，蓝线20%，它总是将图形的100%加在一起。

在DecoView中，我发现了一个与我想要的类似的示例，但是我无法再次重建这个图形。

下面是该示例的视频在操作@1:30中

如果有人能帮我把它分解，因为这个库的文档不多

我只能添加两个独立的seriesItems，而不是互补的

Answer 1

在人的样本中，该系列是动画的同时，给人的印象是第二个系列正在推动第一个系列。这是使用一系列时间事件来完成的。

3秒时series1动画为19%，11秒后series2开始动画为45%，同时series1动画为64%。这意味着series1将被推开，并在可见图表中占据同样的19%。其他45%的series1现在由series2覆盖。

下面是来自SamplePeopleFragment.java的设置这些事件的代码：

addAnimation(arcView, mSeries1Index, 19, 3000, imgView, R.drawable.ic_avatar_man, COLOR_BLUE);
addAnimation(arcView, mSeries2Index, 45, 11000, imgView, R.drawable.ic_avatar_woman, COLOR_PINK);

arcView.addEvent(new DecoEvent.Builder(64)
        .setIndex(mSeries1Index)
        .setDelay(11000)
        .setDuration(5000)
        .build());

addAnimation函数做了一些事情，比如动画图像褪色，您只对设置动画系列移动的函数的以下部分感兴趣：

arcView.addEvent(new DecoEvent.Builder(moveTo)
        .setIndex(series)
        .setDelay(delay)
        .setDuration(5000)
        .setListener(listener)
        .build());