[FREE / V-2.1] - Added Animation Handler Blocks - Animated Gradient Background/Animated Your Background

Hello AppInventors,
Today I am here to present you my first extension in MIT community, Animated Gradient Extension through this extension you can animate your layout with gradient animation.


Blocks And Usage

Here comes 1st block, it is the main block which allows you to create animated gradient effect

component:- Provide any component which is to be made with animated gradient
orientation:- Provide which orientation is to be given (Already Included in the extension)
startcolor:- Provide color at start.
midcolor:- Provide color at Mid.
endColor Provide color at End.
duration:- Here duration means the speed of the animation (should be in millis).

Here is the usage

Here comes the second block, which parses the hex color if you want hex color instead of inbuild color blocks

Heres the usage:-


Here's third block, which will be used when an error occurs:-


You are familiar with this block

Here are the remaining orientation blocks:-


blocks (2)

Designer Menu Items:-


Added Version - 2.1

  1. Pause Animation Block
  2. Resume Animation Block
  3. End Animation Block
  4. Start Animation Block
  5. Reverse Animation Block

Download [V 2.1]:-

Special Thanks To:-
@shreyash 's Rush



Nice extension! Can this be used for Appathon ?

1 Like

Yes you are free to use any of my extension :slight_smile:

great extension, thanks

1 Like

Nice Extension

1 Like

Hi, the links are not working :confused:

Sorry for the late response.

I have updated the links

1 Like

Thanks!! but the link doesn't work.

V 2.1 Is available now for Ai2 users

1 Like

Yeeaah, great!!:tada:

I must be doing somethng wrong...

I try it in apk, and it also fails...

Sorry for the inconvenience. I have fixed the extension, You can download it from the link i provided.

Also you need not call StartAnimation after creating the animated gradient. It automatically starts.

It's OK. Don't worry. But now this is what it say.

call to 'in.akshatt.AnimatedGradient.AnimatedGradient.CreateAnimatedGradient(com.google.appinventor.components.runtime.AndroidViewComponent,java.lang.Object,com.google.appinventor.components.runtime.util.YailList,int)' has too many arguments (7; must be 5)
Note: You will not see another error reported for 5 seconds.


Have u updated the extension?


yes, I did it

Are u still getting that error?

Hi!! now it works perfectly!! Congratulations! Great extension!! :clap: :clap: :clap: :clap:

Great extension :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap: :clap:

Useful extension, thank you for sharing.

This doesn't work on screen components?