Awesome
<a href="./README.md"></a> <a href="./README.ru.md"></a>
<p align="center"> <img alt="UIS (Unity infinite scroller)" height="256" width="448" src="Media/logo-uis.png"> </p> <h3 align="center">UIS</h3> <h4 align="center">Unity infinite scroller for ScrollRect component</h4> <p align="center"> <a href="#quick-start">Quick start</a> ยท <a href="/Documentation~/index.md">Documentation</a> ยท <a href="https://github.com/mopsicus/uis/issues">Report Bug</a> </p>๐ฌ Overview
This extension allows you to use the ScrollRect
control as an infinite scroller/spinner. It is a fast, easy and mobile-friendly way to create lists with thousands of rows without lags and jitters.
Problem
In Unity, you can use the ScrollRect
control to scroll multiple objects in the UI. But when there are too many objects in the container, you will see lags and jitter when scrolling.
Solution
This script uses a data-driven method to scroll and display list items. This means that you have the data of the list items and their height or width, and the script creates and shows only those items that fit on the screen. When you want to scroll the list, the list items at the top or bottom move in opposite directions.
โจ Features
- easy, light, mobile-friendly, just one script
- list items are fully customizable to fit your project
- dynamic, data-driven lists
- efficient reusing of list items
pull-to-refresh
featurescroll-to
feature- diffirent list items height/width support
๐ Usage
Installation
Get it from releases page or add the line to Packages/manifest.json
and module will be installed directly from Git url:
"com.mopsicus.uis": "https://github.com/mopsicus/uis.git",
Quick start
See the samples section to get a demo app. This demo contains 6 scenes with different ways to use UIS. It will show you how to initiate and use it in your app, how to use pull-to-refresh feature, how to use lists with different height/width of elements.
Tested in Unity 2020.3.x.
How to use
- Add
UIS
to uses section - Add
Scroll View
component to game object on UI canvas - Add
Scroller
script after it - Setup script as you need
- Add callbacks and init list
using UIS;
using UnityEngine;
public class Demo : MonoBehaviour {
[SerializeField]
Scroller List = null;
void Start() {
List.OnFill += OnFillItem;
List.OnHeight += OnHeightItem;
List.InitData(100);
}
void OnFillItem(int index, GameObject item) {
// get data from your storage, JSON, etc
//
// var data = jsonArray[index]; for example
//
// fill list item
//
// item.GetComponent<ItemController>().Set(data);
}
int OnHeightItem(int index) {
// get item height from your storage, JSON, etc
// or calc it here and return
//
return 100;
}
}
Read the docs for more details.
๐๏ธ Contributing
We invite you to contribute and help improve UIS. Please see contributing document. ๐ค
You also can contribute to the uis project by:
- Helping other users
- Monitoring the issue queue
- Sharing it to your socials
- Referring it in your projects
Environment setup
For a better experience, you can set up an environment for local development. Since this project is developed with VS Code, all settings are provided for it.
- Use
Monokai Pro
oreppz!
theme - Use
FiraCode
font - Install extensions:
- C#
- C# Dev Kit
- Unity
- Enable
Inlay Hints
in C# extension - Install
Visual Studio Editor
package in Unity - Put
.editorconfig
in root project directory - Be cool
๐ค Support
You can support the project by using any of the ways below:
- Bitcoin (BTC): 1VccPXdHeiUofzEj4hPfvVbdnzoKkX8TJ
- USDT (TRC20): TMHacMp461jHH2SHJQn8VkzCPNEMrFno7m
- TON: UQDVp346KxR6XxFeYc3ksZ_jOuYjztg7b4lEs6ulEWYmJb0f
- Visa, Mastercard via Boosty
- MIR via CloudTips
โ๏ธ Contact
Before you ask a question, it is best to search for existing issues that might help you. Anyway, you can ask any questions and send suggestions by email or Telegram.
๐ License
UIS is licensed under the MIT License. Use it for free and be happy. ๐