Scrolling Scroll Rect with Buttons

Question

I am trying to create something like the following for my level selection

alt text

So, I want to allow the player to scroll through the levels by clicking the left/right arrows.

By using Scroll Rect I can create something like this easily. However, I don't see a way to implement the buttons instead of a drag or scrollbar.

I tried creating two Buttons at a higher level than the Scroll Rect (so they aren't scrolled out of view as well).

However, I don't see what function I can call in my On Click in order to scroll the Scroll Rect.

Anyone know if this is possible?

Thank you

Answer 1

Answer by mingom · Feb 26, 2016 at 08:15 PM

use UI.ScrollRect.horizontalNormalizedPosition.

Add comment · Show 1 · Share

mingom · Jun 10, 2016 at 01:37 PM 0

Share

Or use a coroutine and lerp the UI.ScrollRect.horizontalNormalizedPosition for the size of one element on each click. Need more details?

Answer 2

Answer by Eloquentist · Oct 13, 2016 at 06:59 AM

This video explain how to do this:

Add comment · Share

Answer 3

Answer by Brijs · Jun 10, 2016 at 12:09 PM

Modify ScrollRect.velocity property as per your need when you click button.

Set ScrollRect.decelerationRate for smoothness as per your need.

or change position of content of scrollrect

Add comment · Share

Answer 4

Answer by jinincarnate · Apr 09, 2020 at 02:37 PM

Anyone still looking for answer I created a github repository with a sample scene. here

Add comment · Share