From the course: Create Interactive Animations and Graphics with Rive
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Create an interactive scroll controller - Rive Tutorial
From the course: Create Interactive Animations and Graphics with Rive
Create an interactive scroll controller
- [Instructor] In the previous exercise, we created scrolling content which used the mouse to scroll the carts. In this exercise, we're going to create a scroll controller, and to get yourself started, open the ScrollControl.rev file found in your chapter download. Though you can use your own elements for this, we are instead going to use child layouts. Our container is already set with all the content and the whole bit. So all we need to do is add the scroller. So the first thing you need to know about this container is it's set to rows, not columns. So what we're going to do to create the scroller is we're \going to add a child layout, and then we select it. And the first thing we want to do is set its width to fixed. And the width value is going to be 25 pixels. And we're going to come up to the container, and we're going to give it a gap of 20 pixels. And there we go, we've got the base of our scroller. Now what we're going to do is name this one scroller. And we're going to fill…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.