Shimmer View

This extension is a pro version of my older shimmer textview extension that allows you to create and apply shimmer effect on any view or layout of AI2.

Released on : 14 Jul 2021

Last Updated on : 14 Jul 2021

Latest Version : 1.0.0

All Blocks
blocks
Documentation
component_event(3)

This event raises when any error occured while working with shimmer.

component_method(44)

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.

component_method(45)

This block hides or invisble the shimmer from the view component.

component_method(46)

This block set the highlight color of the shimmer view mean the shimmer effect color

component_method(47)

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.

component_method(48)

This block returns the animation of effect duration of the shimmer view.

component_method(49)

This block returns true if you have set the reverse mode to true by SetRepeat block.

component_method(50)

This block start the shimmer animation for given direction. There are 4 direction avaiable in this extension.

component_method(51)

This block stop the shimmer animation with given id.

component_method(52)

This block returns true if the shimmer is visible. You can hide it with Hide block.

component_method(53)

This block returns the intensity or brightness of the shimmer view. You can set it with SetIntensity block.

component_method(54)

This block returns the degree in which the shimmer has been tilted. you can set the tilt degree with SetTilt block.

component_method(55)

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.

component_method(66)

This block return the shimmer effect otr highlight color with given id.

component_method(67)

This block returns the direction of the shimmer animation as String.

component_method(65)

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.

component_method(64)

Return true if the shimmer animation is started or the shimmer animation is running.

component_method(63)

return the shimmer or base/background color of the shimmer effect for given id.

component_method(62)

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.

component_method(61)

Return the shape of the shimmer effect. You can set it with Set Shape block.

component_method(60)

This block returns the repeat count of the shimmer view for given id. it will return -1 if the count is set to INFINITE.

component_method(59)

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.

component_method(58)

This block set the animation duration of the shimmer view or effect for given id.

component_method(57)

This block set the shape of the shape of the shimmer effect. There are two types of shapes available given above.

image

These are the 4 properties for defining the direction of the shimmer animation.

image

These are two property for defining the shape of the highlighted effect of the shimmer view.

How to Use

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

blocks(21)
Screenshots
IMG_ooxqjk IMG_n2op2v
Downloads

Download AIX : com.sumit1334.shimmerview.aix (14.6 KB)