Smartphone home screen style scrolling

I’m trying to create a screen which allows “page based” scrolling, where swiping changes the page, but you can also drag the page slowly, and the page that’s most visible is automatically centered. Preferably there would be the dot indicator too (instead of a scrollbar), which shows which page you are on. You know, like in modern smart phone home screen launchers or instagram’s post scrolling.

I suppose you use the " Scroll Widget Into View" node, but i can’t seem to figure out how to get the “most visible widget”. If i could, i’d simply center the most visible widget or something.

Image 20

Alright after some research, it seems what i want is the “carousel” scrolling screen.

hamburgermenu-namingconventions

I’m sorry for failing to mention this earlier, i don’t know ui terminology.

Alright I found the solution:

This video does exactly what i want. Smart phone homescreen style scrolling, complete with swipe threshold and snapping to “most visible” page.

Now i just gotta figure out how to show the dots, which will be easy.

1 Like