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

Extensions
#1

Today i happy to present you my second and unique extension Animated Gradient Extension Version-2

Description

This extension allows you to create an animated gradient background like instagram and spotify.
Here’s preview:-

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

component_method
component_method768×258 17.9 KB

Here is the usage

blocks
blocks1348×370 40.2 KB

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

block2

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

block10

You are familiar with this block

Here are the remaining orientation blocks:-

ORIENTATION:-
block3

ORIENTATION:-
block4

ORIENTATION:-
block5

ORIENTATION:-
block6

ORIENTATION:-
block7

ORIENTATION:-
block8

ORIENTATION:-
block9

Added V-2:-

Designer Menu Items:-

image

Version 2.1 Demo:-

Added Version - 2.1

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

image
image542×562 22.7 KB

Added Version - 2.2

Download:-

NOTE: In some cases when you test it in companion i will show an error like below:-

err

But do not worry in the final apk it will work fine and i will solve this error soon.
PS:- This error is resolved … If you still get this error, feel free to ask me here :slight_smile:

OFF TOPIC

You will also get updates for this extension. You can also tell me which blocks should be added and sights for improvement. Any suggestion will be appreciated.

How useful is this extension
  • Very Useful
  • Useful
  • Less Useful
  • Vain

0 voters

24 Likes
UI TextBox For Best User Interface
Socialo: The all-in-one Social Media, Shopping and Entertainment Junction
#2

Very Useful extension! :partying_face: @Akshat_Rana

2 Likes
#3

thank you for your contribution…
as it already is your second extension, you should already know the naming conventions…

method names should follow the UpperCamelCase convention…

Taifun
PS: you mentioned, that this is your second extension… I could not find a thread about your first extension? can you help?

2 Likes
#4

That is amazing! :+1:

2 Likes
#5

congratulations. I liked the extension.

2 Likes
#6

you can do the same effect using the blocks in kodular … no need for the extension

1 Like
#7

#Off-Topic
But with this you do not need to worry about blocks . Extension means to extend the power

2 Likes
#8

Sorry for late reply…
Heres my first extension:-

2 Likes
#9

How I missed such great extension this is great x10sion :heart_eyes: :star_struck:.

1 Like
#10

Freemium ?? Please explain

1 Like
#11

#Off-Topic
Freemium Means Premium like free extension…

#12

Freemiun normally means you get something for free, but can purchase things for it… What are people purchasing for this extension?

1 Like
#13

Really great extension Br0ther.keep it up.

1 Like
#14

Thank you so much for providing this extension for free. That is so kind of you. I tried it and it was just fantastic :fire::fire:

1 Like
#15

Thankyou for your appreciation…

#16

Thankyou …

#17

thank you…
please always follow the naming conventions and update both extensions accordingly…
thank you

Taifun

1 Like
#18

WOW! The extension is free now. :heart_eyes:

1 Like
#19

image
image1920×1080 379 KB

i have no clue what this means…

#20

You cannot use the screen as the container, add a vertical arrangement on the screen and then try it. Replace Screen1 with VerticalArrangement1

2 Likes