A simple extension to show a material spotlight for your components.
Show spotlight for a single component
Create a sequence of spotlight components. In order to show a sequence of spotlights, use this block to add all the components. Find details on how to use this block in sample aia provided below.
Start spotlight sequence
Cancel spotlight sequence
Clear sequence. Use this block to clear out previous components that were added using AddItemToSequence block. Use this block when you want to create a new sequence.
Event raised when a component is clicked
Event raised when spotlight is cancelled
Event raised when spotlight is dismissed.
Event raised when sequence proceeds.
Event raised when sequence is cancelled.
Event raised when sequence is finished
Outer circle color
Opacity of outer circle. Use a value between 0 and 1
Color of circle that is shown around the target
Title text color
Description text color
Custom font for description
Custom font for title
Title font size
Description font size
Whether to show content below the spotlight or not
Whether to tint target or not
Whether to draw shadow or not
Whether to dismiss spotlight when user clicks outside of spotlight or not
Thanks to kodular for Androidx Support
And a huge thanks to @Shreyash for Rush
I,Zain Ul Hassan attest that I am the author of the free extensions listed below and grant that MIT has a non-exclusive irrevocable license to republish these extensions as part of the project file for the purposes of MIT App Inventor Appathon 2021.