Want to make it easy for your new users to understand all the features of your app?
This implementation is inspired by the TapTargetView which is useful for legacy views.
Full source code is available on GitHub as Intro Showcase View and you can also add this as a gradle dependency in your project.
Step 1: Add a feature and draw circles on Canvas
Step 2: Find LayoutCoordinates of a fab button and recenter circle.
Step 3: Blend the overlapped circle to set transparency
Step: 4 Add circle reveals animation to highlight the target
Step 5: Add texts to describe the feature
Step 6: Set offset of Texts
Step 7: Calculate outer circle radius
Step 8: change the offset of our outer circle
Step 9: Fix the outer circle center point for the Top and Bottom bar.
Step 10: Add circle reveals animation to our outer circle.
Check out the full article on canopas blog.