[Free/OS] Flip Animation Extension || An extension for Animating component by flip technique

Extensions
, ,
#1

Flip Animation

Hello everyone Today I am going to launch again my new extension that is Flip Animation This extension animates the visible component by flip technique (See the example or preview below)
Lets see the documentation and some blocks

All Blocks

image
image278Ă—501 19.3 KB

Documentation

component_event (13)

This event raises when animation end or component flipped

component_event (14)

This event raises when animation starts

component_method (30)

This method block do the animation for given component , duration and given direction

image

These are all property blocks that gives the direction

Usage Example

image
image1158Ă—354 43.3 KB

Preview

2021_03_21_21_21_00

2021_03_21_21_37_39

Download

Open Source

Credit

Thank always Kodular for being with myself
Suggestion and issue are welcome

If you like the extension then like the topic
Thank You All

Donate

If you like my work then donate if you can :slightly_smiling_face:

44 Likes
360 Flip Animation Extension || An extension for Animating component by flip Upgrade
Index of Available Extensions
Credit Card App UI Concept
#2

Nice extension :+1: :+1: :+1:

1 Like
#3

image
image730Ă—386 37.5 KB

14 Likes
#4

image
image804Ă—533 51.8 KB

Multiple cards at the same time. Look at the "when any FlipAnimation.Animation End block. It has two component options to choose from. Both work. But i wonder if that is caused by your extension?

1 Like
#5

oh so nice extension :boom:

2 Likes
#6

Thanks @Peter for using my extension I am very happy because it’s my pleasure that you have used my extension

2 Likes
#7

Its a greate extension @iamwsumit.
@Peter Its not a bug or some error.
One component comes as default by “Any Component” block and it represents the extension.
The other component here is coming from the extension. Its the first parameter.

1 Like
#9

But It would still be better to rename component parameter to something else to prevent confusion.

3 Likes
#10

Yeah, it would be great… @zainulhassan

#11

I am scratching my head after seeing you are coming up with so many cool extensions almost every week… I am loving it great work @iamwsumit

1 Like
#13

I have renamed the component parameter to view
Download the extension again from the top of post

2 Likes
#14

A very good work… feel very excited. One thing I want to share where there is a text on button, it also flip which feel very odd…any option to restrict text not to flip only button flips.

#15

It flip the whole view and text is not a view in it so text can’t it is not possible to flip only button

2 Likes
#16

I think this animation is part of Phase, but useful if this is the only needed animation :slightly_smiling_face:

#17

I had tried phase once and I had seen there flip animation and I have checked it. It is some different from it. You can try. AFAIK, Also phase has only one direction, and this extension has 4 direction :sweat_smile:

#18

Nice extension :relaxed:

#20

hi create a clock!
flip duration to 1sec and clock to 500ms and change the image!
Try It!!!

#21

Hmm it’s good but I will add the new flipped event in next update of this extension that will occur when view will be flipped

1 Like
#22

New Version 2

Block Added

component_event (17)

This event occurs when view flipped it is the moment between animation starts and animation end if you want some change in your view then you can use this event

Update the extension to the latest version to get this event
Thanks for using my this extension
Cheers :grinning: :grinning:
Sumit

5 Likes
#23

Is the updated version the link in the first post?