[FREE] Shimmer View - An extension for applying shimmer effect on any view component wit many customizations

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

  • Linear
  • Radial

All 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.


Usage

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)


Preview

Let see preview of it.

Left to Right

IMG_ooxqjk

Right to Left

IMG_kx5dul

Top to Bottom

IMG_wi2q2r

Bottom to Top

IMG_urqssv

Colored

IMG_n2op2v

Downloads

Credit

Thanks to @Shreyash for his super Rush .

Suggestion and issue are welcome

If you like the extension then like the topic
Thank You All

Donate

If you like my work then donate if you can :slightly_smiling_face:

38 Likes

Epic work @iamwsumit
:heart_eyes:

You seem to be an extension making machine :sweat_smile:

8 Likes

Amazing Extension :grinning:

3 Likes

Awesome! This’s what we all are missing in our projects.
:grin:

1 Like

Wow Great @iamwsumit your making funtastic extensions
love you buddy

:smiley:

3 Likes

Awsome work @iamwsumit :heart_eyes:

2 Likes

superb :boom: @iamwsumit

Great work! :partying_face:

great work as always. :heart_eyes:

very cool, congratulations

:clap:t4:

After seeing this my heart is beating very fast I just saw an app on playstore which have same effect on splash screen I want to make same in kodular and see I got it :grin::grin: love you @iamwsumit :heart::heart::heart:

This post was flagged by the community and is temporarily hidden.

1 Like

English is the main language for the community.

2 Likes

Say official and primary language instead of main.

2 Likes

But i can’t translate it.

Nice job
And thanks for giving free extension

nice extension.
I want to ask if this extension is paid? because I’ve been looking everywhere but can’t find it. I have also tried to visit the link provided but it can’t be accessed. can you help me to get it?

First of all this extension is free, see title

Also link is working fine

2 Likes

thank you for your attention

1 Like

how to stop the shimmer effect because I tried to use the shimmer stop component it doesn’t work