Shimmer View Extension
Hi again everyone, This extension is made for apply shimmer animation on any view component of the App Inventor.
This extension is much customizable. This extension is different from other ones. How it is different:- It is based on the facebook library and apply shimmer without creating any placeholder. It is applicable to any view component.
In this extension you can run the shimmer effect in 4 direction. The four direction are
- Left To Right
- Right To Left
- Top To Bottom
- Bottom To Top
You can shape the shimmer effect or view with two shapes
This event raises when any error occured while working with shimmer.
This block do the main job that helps you create the shimmer view and apply it to the any view component of the app inventor.
It needs a view component in which you want to apply the shimmer and a unique id for customising it after creating it.
This block hides or invisble the shimmer from the view component.
This block set the highlight color of the shimmer view mean the shimmer effect color
This block returns the repeat delay duration of the shimmer view. Mean after the shimmer effect has ended then the duration in which it will reshown.
This block returns the animation of effect duration of the shimmer view.
This block returns true if you have set the reverse mode to true by SetRepeat block.
This block start the shimmer animation for given direction. There are 4 direction avaiable in this extension.
This block stop the shimmer animation with given id.
This block returns true if the shimmer is visible. You can hide it with Hide block.
This block returns the intensity or brightness of the shimmer view. You can set it with
This block returns the degree in which the shimmer has been tilted. you can set the tilt degree with
This bock set the shimmer color of the view. Mean it is the base color of the shimmer view. you can say this the background color of the shimmer view.
This block return the shimmer effect otr highlight color with given id.
This block returns the direction of the shimmer animation as String.
This block set the intensity of brightness of the shimmer effect. Larger intensity can cause the larger size of the shimmer view so use it logicly.
Return true if the shimmer animation is started or the shimmer animation is running.
return the shimmer or base/background color of the shimmer effect for given id.
This block set the repeat property of the shimmer effect.
repeatCount means the times that the shimmer animation will be occured. Use -1 for infinite value.
repeatDelay means the time that taken by shimmer animation for reoccuring.
reverse if set to true then the animation will be reversed before restarting and if false then it will not be reversed it will directly restarted when the animation end.
Return the shape of the shimmer effect. You can set it with
Set Shape block.
This block returns the repeat count of the shimmer view for given id. it will return -1 if the count is set to INFINITE.
This block set the tilt degree if the shimmer view. If your degree amount is much then you should change the direction of the shimmer view instead of the seting the degree.
This block set the animation duration of the shimmer view or effect for given id.
This block set the shape of the shape of the shimmer effect. There are two types of shapes available given above.
These are the 4 properties for defining the direction of the shimmer animation.
These are two property for defining the shape of the highlighted effect of the shimmer view.
This extension is very easy to use. You have to guve a unique id and a layout in which you want to apply the shimmer. Then you can customize it accodring to you by different blocks so let see how we are making the shimmer
Let see preview of it.
Left to Right
Right to Left
Top to Bottom
Bottom to Top
Thanks to @Shreyash for his super Rush .
Suggestion and issue are welcome
If you like the extension then like the topic
Thank You All
If you like my work then donate if you can