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

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

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

Added Version - 2.2

Download [V 2.2]:-

Liked My Work?

Support me on:

https://ko-fi.com/akshatdeveloper

Special Thanks To:-
@shreyash 's Rush

Regards,
Akshat

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

Useful extension, thank you for sharing.

This doesn't work on screen components?

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!