[FREE / V-2.2] - Animated Gradient Background Extension

[AkshatRana]

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)
colorList:- Provide list of colors.
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:-

ORIENTATION:-

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

Added Version - 2.2

[FREE / V-2.2] - Animated Gradient Background Extension

New Update V2.2 Updated CreateAnimatedGradient block. Now you can provide a list of colors you want in gradient to animate. [component_method] Updated usage:- [blocks]

Download [V 2.2]:-

Animated Gradient - AD Extensions

Special Thanks To:-
@shreyash 's Rush

Regards,
Akshat

[Pradevel]

Nice extension! Can this be used for Appathon ?

[AkshatRana]

Yes you are free to use any of my extension

[putera_melaka]

@AkshatRana

Animated Gradient Extension

great extension, thanks

[Jaival_Patel]

Nice Extension

[anamulhaque]

Hi, the links are not working

[AkshatRana]

Sorry for the late response.

I have updated the links

[Dario_R_Navarro]

Thanks!! but the link doesn't work.

[AkshatRana]

V 2.1 Is available now for Ai2 users

[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] 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 Inclu…

[Dario_R_Navarro]

Yeeaah, great!!

[Dario_R_Navarro]

I must be doing somethng wrong...

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

[AkshatRana]

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.

[Dario_R_Navarro]

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

[AkshatRana]

Have u updated the extension?

[Dario_R_Navarro]

yes, I did it

[AkshatRana]

Are u still getting that error?

[Dario_R_Navarro]

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

[Ritshika_Saha]

Great extension

[Phanx11]

Useful extension, thank you for sharing.

This doesn't work on screen components?

[Michael_Hicks]

Hello! One of my 6th grade Multimedia students discovered this extension and now its showing up in all of their apps. Thank you so much for making this available as well as keeping it updated. Slick, easy to use extension and code with an amazing impact on their designs. Well done!