[Unity Practical Combat] EnhancedScroller v2.21.4 es fácil de usar [disponible listo para usar]

Uso rápido del activo de 5 estrellas de Unity EnhancedScroller (1)

EnhancedScroller v2.21.4 fácil de usar

Insertar descripción de la imagen aquí

¿Qué es EnhancedScroller?

EnhancedScroller
¿Quiere mostrar grandes cantidades de datos de una manera rápida y compatible con dispositivos móviles?

EnhancedScroller virtualiza sus datos y muestra solo los elementos que necesita. Reúna miles de filas en unos pocos elementos de la interfaz de usuario para mostrarlos, acelerando el procesamiento y ahorrando memoria. Los objetos no se destruyen, por lo que su plataforma no necesita recolectar basura. Lo mejor de todo es que funciona con los componentes del sistema de interfaz de usuario integrados de Unity.

Las listas se basan en datos y se crean dinámicamente, por lo que no es necesario configurarlas en el momento del diseño. El desplazamiento no necesita estar al tanto de los datos ni ver la presentación y solo necesita centrarse en administrar su lista para una verdadera experiencia MVC. El bucle opcional le permite mostrar listas de datos ilimitadas. Cada unidad puede tener su propio tamaño o todas usar un tamaño. La función de alineación opcional le permite bloquear unidades en posiciones específicas. La función de interpolación simplifica las transiciones de salto y ajuste para una experiencia de usuario fluida.

Función:

  • Listas dinámicas basadas en datos
  • Marco MVC para mantener la separación necesaria.
  • Elementos de la lista de reciclaje eficiente
  • bucle infinito opcional
  • Admite múltiples tamaños de elementos de lista o tamaños globales
  • Los elementos de la lista son totalmente personalizables para adaptarse a las necesidades de su proyecto.
  • Función de ajuste opcional para bloquear el cursor
  • Funcionalidad de interpolación para simplificar los saltos y los ajustes
  • Se incluyen demostraciones, tutoriales y código C# completo. Demostración del sitio web oficial de
    Enhancedscroller unity-assetstore

1. Manejar la interfaz de usuario

1.1 Unirse al lienzo

Insertar descripción de la imagen aquí

1.2 Lienzo/Desplazamiento --> Objeto vacío

Insertar descripción de la imagen aquí

1.3 Scroller agrega el componente EnhancedScroller

Insertar descripción de la imagen aquí

1.4 Desplazador de arrastre

Insertar descripción de la imagen aquí

1.5 Scroller/GameObject --> Arrastrar y soltar en el Contenido bajo ScrollRect del componente Scroller\

Insertar descripción de la imagen aquí

1.6 Controlador de desplazamiento --> Objeto vacío

Insertar descripción de la imagen aquí

2. Manejar CSharp

2.1 Cree el script AnimalCellView.cs //Herede EnhancedScrollerCellView. Manejar el diseño y formato de datos y visualización de datos.

using EnhancedUI.EnhancedScroller;
using UnityEngine.UI;

public class AnimalCellView : EnhancedScrollerCellView
{
    
    
          public Text animalNameText;

          public void SetData(ScrollerData data)  //设置Prefab UI的数据,例如Text、Image
          {
    
    
                    animalNameText.text = data.animalName;
          }
}

2.2 Cree el script ScrollerController.cs //Herede MonoBehaviour, IEnhancedScrollerDelegate.

using System.Collections;
using System.Collections.Generic;
using EnhancedUI.EnhancedScroller;
using UnityEngine;

public class ScrollerController : MonoBehaviour, IEnhancedScrollerDelegate
{
    
    
          private List<ScrollerData> _data;
          public EnhancedScroller myScroller;
          public AnimalCellView animalCellViewPrefab;

          void Start()
          {
    
    
                    _data = new List<ScrollerData>();
                    _data.Add(new ScrollerData() {
    
     animalName = "Lion" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Bear" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Eagle" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Dolphin" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Ant" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Cat" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Sparrow" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Dog" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Spider" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Elephant" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Falcon" });
                    _data.Add(new ScrollerData() {
    
     animalName = "Mouse" });

                    myScroller.Delegate = this;   //必须有这个
                    myScroller.ReloadData();     //加载数据到Item

          }


          public int GetNumberOfCells(EnhancedScroller scroller)
          {
    
    
                    return _data.Count;  //返回Item的数量。
          }

          public float GetCellViewSize(EnhancedScroller scroller, int dataIndex)
          {
    
    
                    return 100f;   //返回每个cell单元格的大小。如果横向滚动,这个数值指的是宽度;如果是竖向滚动,这个数值指的是高度。
          }

          public EnhancedScrollerCellView GetCellView(EnhancedScroller scroller, int dataIndex, int cellIndex)
          {
    
    
                    AnimalCellView cellView = scroller.GetCellView(animalCellViewPrefab) as AnimalCellView;  //生成GameObject,

                    cellView.SetData(_data[dataIndex]);           //设置Item的数据

                    return cellView; //设置好Prefab的EnhancedScrollerCellView 的数据,然后返回数据设置完成的EnhancedScrollerCellView
          }
}

2.3 Crear el script ScrollerData.cs //Listar datos, datos para cada elemento

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ScrollerData
{
    
    
          public string animalName;
}

3. Procesar UI->Artículo

3.1 Crear celda Prefabricada de vista de celda y crear un panel en GameObject

Insertar descripción de la imagen aquí

3.2 Adjunte el script creado AnimalCellView.cs a este Panel

Insertar descripción de la imagen aquí

3.3 Establecer identificador de celda. El Identificador de Celda de cada Prefab es único.

Insertar descripción de la imagen aquí

4. Crea un controlador de desplazamiento

Insertar descripción de la imagen aquí

4.1 Haga clic en el objeto ScrollerController y cambie ScrollerController.cs

4.2 Configure el objeto correspondiente y arrástrelo a ScrollerController

5.Efecto

Insertar descripción de la imagen aquí

6.Descarga de github && advancedscroller v2.x

github
Insertar descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/aaaadong/article/details/131641799
Recomendado
Clasificación