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

Demo:-

Blocks And Usage

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

Parameters:-
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:-

component_method

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

component_event

You are familiar with this block

Here are the remaining orientation blocks:-

ORIENTATION:-

blocks (2)

Designer Menu Items:-

image

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

Regards,
Akshat

11 Likes

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.

Thanks

Have u updated the extension?

image

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: