Unity 2023 Tutorial: Create a Scrollable/Draggable Upgrade List UI with Scroll Rect | UI Design

Unlock your game development potential with Considera: Your hub for Coding, Gaming, and Unity Tutorials!

In today's Unity3D tutorial, we dive into creating a Scrollable and Draggable Upgrade List or User Interface (UI) for your Unity game projects. This step-by-step guide will walk you through the process of designing a Scroll Rect UI, a versatile tool that can be customized to fit your specific needs!

The Scroll Rect is ideal for crafting scrollable UI elements such as lists, maps, and panes:

Experiment with elasticity settings for custom rebound when scrolling past the list's end.
Use the Clamped mode to limit the scroll rect from exceeding its boundaries.
Explore the Infinite mode for endless scrolling adventures.
Tweak the mouse wheel scroll sensitivity as needed.
Manage the scroll rect deceleration speed to your preference.
And even integrate scroll bars for an enhanced user experience!
By the end of this video, you'll have mastered Scroll Rect, allowing you to design any form of scrollable UI or list.

Enjoyed the video? Please like, comment, and subscribe for daily game development tutorials and gaming content. Don't forget to turn on notifications to stay updated!

~~ SUPPORT ME~~
FREE: Like, Comment, Subscribe, Turn on notifications, and watch the entire video!

Stay connected and receive updates about our latest videos by enabling notifications!

#Unity3D #UnityTutorial #GameDevelopment #ScrollRect #UI #UserInterface

[plontulublalulu]

Tip: set the pivot of the panel to 0.5, 1 instead of 0.5, 0.5 to have it start at the top, not the middle

[kingbling]

This is amazing. Simple and useful, recommending to anyone who wants a simple scroll UI panel in minutes! Cool stuff <3

[DavyJones]

I've been programming in Unity for almost half a decade and it's the first time I realise I can do calculations inside the numerical fields like you did in 4:18 . Thank you :D

[hugobarahona]

I used this to make a scrollable inventory with draggable items. It worked perfectly! Thank you for this video!

[EternalStudnt]

You can also Disable the option "Show Mask Graphic" instead of changing alpha to 1. Great video dude, helped me a ton.

[GrayFoxware]

I need this every once in a while and since I dont use it enough to remember it I have ventured back to this video about 6 or 7 times already. Thanks!

[martin_taavet]

Thank you! You are the only person who told me about size fitter and saved my keyboard from being smashed...

[muinchishty]

This is the best scroll rect unity tutorial out there. I have seen plenty

[phantomdenstudios]

Thanks bro this is gonna help me with my game jam.

[leotello]

unity 2023 tutorial made more than 3 years ago xD nice title change! I rate it!!

[Deanin]

Very helpful video! Scroll Rects in Unity are one of those things I will always forget how to do haha.

[chinoarc]

I just wanna say Thank you so much <3333 this helped me a lot since I was going crazy trying to figure it out myself

[davidc]

For everyone who has the same issue like mine : my menu option are composed by 3 sprites. One of these three correctly "disappears" behind the mask, the other two don't. I figured out that the one that disappears has Material set to None while the other two have this Material value set with Sprites-Default. Set it to None and it will works.

I hope this helps.

Anyway, very nice tutorial :)

[nils]

Use this video every time i need to set up a scrollable UI

[evgeniykuzne]

Vertical layout component really helped me, thanks!

[crtglowgames]

Thanks for this information dense yet accessible vid! Helped me through some sticky UI bits. Unrelated to your video but now I've a world of nested prefab variant UI hell to figure out. Probably shouldn't be prototyping and trying to build reusable components at the same time - though I see in many places on the Unity forums people with my same issue..!

[loganmanor]

Thank you so much for this video! You saved me hours of searching!

[hypepill]

Thank you that was really useful. Keep up the good work mate!

[gamingattns]

thanks this helped a lot i end up using horizonal layout group and with some tinkering with anchors i was able to make my sroll view responive :)
Cheers buddy

[robertnagy]

you play the bass guitar too, that's epic. What bands do you listen to?