Slide and animate arrangement with animation utilities

[iamwsumit (Sumit Kumar)]

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

Blocks Images

You can set the desired duration for speed

Screen output

Now we are going to slide the layout [Vertically]

Component Required

Blocks Images

Screen Output

Now How to slide the horizontally

Component Required

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

[sonumohammad333 (Sonu Mohammad)]

Nice guide.

[hemantadahalofficial (Neo Developer)]

Nice guide broo​

[Esseker_Dev]

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

@Esseker_Dev

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

[iamwsumit (Sumit Kumar)]

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

[iamwsumit (Sumit Kumar)]

@iamwsumit

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

As I said

[Esseker_Dev]

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

[Esseker_Dev]

Can u show block for more layout

[iamwsumit (Sumit Kumar)]

Same blocks used i have some changes in arrangement
Image

[Ekansh_Pandit]

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

[Ekansh_Pandit]

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

Introducing Parallax Effect

Introduction Hey Koders, NIkhil Here, And I’m back with another guide in which we are going to understand about Creating Parallax effect with custom way… What is Parallax Effect? Commonly we can say Parallax Effect means to apply some behaviour on contents on scrolling… Here are some example of it… I have collected these images from Google… [b73bc4e7121397128bdd46dc7d67277e] [1_UaiJphJarCRx7bKal5kDMw] [image_processing20190929-26586-3s80l0] [a88464d87131c360ad61ef28eba114ce] What you need…

[mikkupoocha]

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

[Chocoduba_BR (Gabriel Andrade)]

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

[iamwsumit (Sumit Kumar)]

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

[Techno_Anurag]

Have you tried without using the neg blocks

[iamwsumit (Sumit Kumar)]

@Techno_Anurag

Have you tried without using the neg blocks

not yet but u can try it

[Arpit_Kumar]

Good even better…

[Resmart]

Excellent work

[iamwsumit (Sumit Kumar)]

@Arpit_Kumar

Good even better…

@Resmart

Excellent work

Thank you guys

[GaryH (Organic Gary)]

Question… if I just want to slide a web viewer over a visible layout and then back when done, how is that accomplished? I tried this and unless I turn off the background layout nothing happens.

Here’s the blocks I’m using to try and open the web viewer