Flow animation

[DineshNeupane]

HI tarek, thank you very much for this very useful library. I am trying to implement something like below: color flow animation, don't know how to.

[tarek360]

You could use, trimPathOffset() like below,

      RichPathAnimator
                .animate(yourPath)
                .trimPathOffset(0f, 1.0f)
                .start()

and don't fill yourPath it should have a strokeWidth and strokeColor, like this:

 <vector xmlns:android="http://schemas.android.com/apk/res/android"
     android:height="64dp"
     android:width="64dp"
     android:viewportHeight="600"
     android:viewportWidth="600" >
         <path
             android:name="yourPath"
             android:strokeColor="#ff0000"
             android:strokeWidth="10dp"
             android:pathData="M300,70 l 0,-70 70,70 0,0 -70,70z" />
 </vector>

Note: there is a limitation here where yourPath stroke is always fixed so you can't have a path thin at the beginning and thick at the end.

[DineshNeupane]

Tried your sample but could not get it. I'm actually considering the whole fill area as a single path and stroke as another path. I could only get fade in animation while filling.

[DineshNeupane]

Here is what I've achieved so far, just want to implement the animation like flow animation mentioned above.
https://user-images.githubusercontent.com/19649670/119294146-87c49380-bc73-11eb-8966-104e90f7605a.mp4

[tarek360]

Unfortunately, it's impossible to get exactly that flow animation you mentioned above by using RichPath but you could get a trimming path animation like the example I posted above.