Slide and animate arrangement with animation utilities

Hello everyone welcome again
Today I am sharing a little logic with you all
How to slide two layout in one screen both horizontally and vertical

First we will overlap a layout vertically
Component Required

Annotation 2020-10-09 172900

Blocks Images

You can set the desired duration for speed

Screen output

Now we are going to slide the layout [Vertically]

Component Required

Annotation 2020-10-09 172900

Blocks Images

Screen Output

Now How to slide the horizontally

Component Required

Annotation 2020-10-09 173403

Blocks Images

Screen Output

Note : All layout [sliding vertically] height must be 100% or all layout[sliding horizontally] width must be 100%

Now I hope this will help someone

Thank a lot to @themaayur about his tutorial of animation utilities

30 Likes

Nice guide. :clap:

1 Like

Nice guide broo​:heart:

1 Like

Nice guide ! If i want add more layout Horizontally ?
I have try to add another and call same procedure (1 to 2) for 2 to 3 but not working any idea ?
Thx

I Have found :wink: solution :



I have already done that , no need to make it
I can slide more than 4 layouts vertically or horizontally both

1 Like

As I said

2 Likes

Can you link ? I have a problèm with the 4 layout ?
Thnx

Link mean :grin:

Can u show block for more layout

Same blocks used i have some changes in arrangement
Image

1 Like

can we say it sort of paralax effect.
if not
can we also add paralax to it

First tell me what is paralax effect

1 Like

If u want to add more animation then u should use the Phase extension made by @Shreyash

1 Like

noo
u understood it way too wrrong i mean that a professional animation u can try
we can say Parallax Effect means to apply some behaviour on contents on scrolling
by
@nikzdreamer2001

1 Like

I’m just curious, why do we have to use ‘negation’ in this ? Won’t it work without negation block ?

1 Like

Thanks man, i will use it, thanks for the nice guide

2 Likes

For left right sliding i think u dont need to use this neg but i have not tried it

1 Like

Have you tried without using the neg blocks

2 Likes

not yet but u can try it

2 Likes

Good even better…

3 Likes