Origami Studio Tutorial #2 Add horizontal scroll behavior to your designs UX Hacker
Origami Studio Tutorial #2 Add horizontal scroll behavior to your designs UX Hacker.
Scrolling views are easy to build in Origami and highly flexible too. We’re going to learn how to use scroll by creating a basic Messenger prototype. Make sure you download the tutorial files to follow along.
Once you have the tutorial files open, you might notice that we have a layer named List set up below the Navigation Bar and the Tab Bar in our Layers panel. Take note of how the List layer is anchored to the top, and positioned exactly below the Navigation Bar.
Adding scroll interaction
We can add Scroll to our layer just like any other type of interaction. Hover over the List layer, click the Touch button, and since we want vertical scrolling, select Scroll Y from the menu.