Scrmizu - GitLite

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #machine-learning #deep-learning #docker #nodejs #java #windows #awesome #vue #open-source

Scrmizu

(★ 81)

Variable infinite scroll in Unity UI

파일 탐색기

최종 버전 다운로드 (.zip)

- - BillingMode.json
  - BillingMode.json.meta
- - Editor Resources.meta
  - package.json
  - package.json.meta
  - Scripts.meta
- - Package Resources.meta
  - Scenes.meta
  - Scripts.meta
- - Scripts.meta
- Resources.meta
- Scrmizu.meta
- Scrmizu.Sample.meta
- Scrmizu.Tools.meta
- manifest.json
- AudioManager.asset
- ClusterInputManager.asset
- DynamicsManager.asset
- EditorBuildSettings.asset
- EditorSettings.asset
- GraphicsSettings.asset
- InputManager.asset
- NavMeshAreas.asset
- NetworkManager.asset
- PackageManagerSettings.asset
- Physics2DSettings.asset
- PresetManager.asset
- ProjectSettings.asset
- ProjectVersion.txt
- QualitySettings.asset
- TagManager.asset
- TimeManager.asset
- UnityConnectSettings.asset
- VersionControlSettings.asset
- VFXManager.asset
- XRSettings.asset
- EditorUserSettings.asset
.gitignore
Assets.meta
LICENSE.md
README.md
Scrmizu.csproj.DotSettings
Scrmizu.Sample.csproj.DotSettings
Scrmizu.sln.DotSettings
Scrmizu.Tools-Editor.csproj.DotSettings

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/ToshikiImagawa/Scrmizu

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd Scrmizu

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.

cd Assets/Scrmizu

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![license](https://img.shields.io/github/license/ToshikiImagawa/Variable-infinite-scroll?style=flat-square)](https://github.com/ToshikiImagawa/Variable-infinite-scroll/blob/master/LICENSE.md)
[![release](https://img.shields.io/github/release/ToshikiImagawa/Variable-infinite-scroll?style=flat-square)](https://github.com/ToshikiImagawa/Variable-infinite-scroll/releases)

# What is Scrmizu
Scrmizu is variable infinite scroll and extended UnityEngine.UI.ScrollRect for Unity UGUI.

# Required
- Unity 2020.3.45f1 or later.
- Scripting Runtime Version 4.6 Eq.

# Install
1. Download Scrmizu.unitypackage [here](https://github.com/ToshikiImagawa/Variable-infinite-scroll/releases).
1. Import the contents of the Scrmizu folder to the Packages or Assets folder.
1. Optionally import Scrmizu.Sample.unitypackage.

# Quick start
## Infinite Scroll View
To create a Infinite Scroll View in the Unity Editor, go to GameObject → UI → Infinite Scroll View.

<img src="https://user-images.githubusercontent.com/6396938/72912227-aa445500-3d7e-11ea-8c7b-59da594e0a0c.png" width="300px"/>

Prepare ScrollItem prefab to be repeatedly displayed by infinite scroll.

<img src="https://user-images.githubusercontent.com/6396938/72912979-ce546600-3d7f-11ea-8107-38b2b826b9e6.png" width="300px"/>

```c#:SimpleInfiniteScrollItem.cs
public class SimpleInfiniteScrollItem : MonoBehaviour, IInfiniteScrollItem
{
    /// <summary>
    /// ScrollItem enters display area and updates display item data.
    /// </summary>
    /// <param name="data"></param>
    public void UpdateItemData(object data)
    {
        if (!(data is float width)) return;
        gameObject.SetActive(true);
        if (!(gameObject.transform is RectTransform rectTransform)) return;
        rectTransform.sizeDelta = new Vector2(width, rectTransform.sizeDelta.y);
    }

/// <summary>
    /// Hide ScrollItem because it has left the display area.
    /// </summary>
    public void Hide()
    {
        gameObject.SetActive(false);
    }
}
```

Call InfiniteScrollRect.SetItemData to set the item data.

```c#:SimpleInfiniteScrollController.cs
[RequireComponent(typeof(InfiniteScrollRect))]
public class SimpleInfiniteScrollController : MonoBehaviour
{
    private InfiniteScrollRect _infiniteScrollRect;

private InfiniteScrollRect InfiniteScrollRect => _infiniteScrollRect != null
        ? _infiniteScrollRect : _infiniteScrollRect = GetComponent<InfiniteScrollRect>();

private void Awake()
    {
        InfiniteScrollRect.SetItemData(new object[]
        {
            200f, 
            300f, 
            400f, 
            500f, 
            600f, 
            700f, 
            800f, 
            900f, 
            1000f
        });
    }
}
```

By scrolling, you can confirm that the width of the scroll item is updated for each set data (width).

## Nested Scroll View
To create a Nested Scroll View in the Unity Editor, go to GameObject → UI → Nested Scroll View.
Put it under the Scroll View container.

<img src="https://user-images.githubusercontent.com/6396938/72831133-8bce5300-3cc5-11ea-8cae-5cf5447fcbfa.png" width="300px"/>

When scrolling in the non-scroll direction of NestedScrollView, scroll event is sent to the parent ScrollView.

## Paged Scroll View
To create a Paged Scroll View in the Unity Editor, go to GameObject → UI → Paged Scroll View.
Create multiple page content items under content.

<img src="https://user-images.githubusercontent.com/6396938/72828751-ab16b180-3cc0-11ea-9783-3efffd775ae9.png" width="300px"/>

One item is displayed in the scroll direction in the view area.
Pauses the page each time scroll.