Lista virtual de creadores de Cocos
El motor Cocos Creator proporciona un contenedor de control de desplazamiento convencional: vista de desplazamiento para implementar controles de desplazamiento básicos. Sin embargo, carece de un control de lista para implementar la función de diseño virtual y requiere que los desarrolladores la extiendan manualmente. Aquí hay un control de lista extendido que implementa la función de diseño virtual, que se implementa con referencia al método de interfaz del control de lista en Egret.
El principio del diseño virtual es en realidad muy simple, es decir, solo se carga y muestra el contenido de la lista dentro del área visible, y no se crean instancias de los controles de entidad fuera del área visual. Impulsada por eventos de desplazamiento, la plantilla de lista en el área visual se desplaza y reutiliza dinámicamente, y la visualización de datos cambia, lo que hace que parezca una lista completa de desplazamiento hacia arriba y hacia abajo. Debido a que este diseño crea instancias de menos controles, ocupa menos memoria, tiene tiempos de extracción bajos y es estable, ahora se usa ampliamente. Pero el núcleo del diseño virtual es más que eso, porque el contenido de la pantalla debe cambiarse constantemente. Cómo convertir materiales de manera más rápida y fluida es la clave para la lista virtual. CCVirtualGridList proporciona su propio método para cargar imágenes en VirtualGridListBaseItem-LoadImage, que implementa la carga asincrónica cuadro por cuadro, lo que garantiza un desplazamiento fluido de la lista y un uso eficaz del caché.
Usar este control es muy sencillo, simplemente copia los tres archivos VirtualGridList.prefab, VirtualGridList.js y VirtualGridListBaseItem.js del proyecto de demostración a la carpeta Prefabs del proyecto. Arrastre VirtualGridList.prefab a la pantalla antes de usarlo. El componente de control de la unidad de lista puede heredar VirtualGridListBaseItem.
Los parámetros de inicio se pueden completar en la interfaz gráfica del creador, pero para no verse afectados por el mantenimiento prefabricado, se recomienda importar los parámetros de inicio a través de la interfaz del script inicial.
La primera vez que crea una lista de visualización, dataList es una matriz de datos.
Agregar lista de visualización. dataList es una matriz de datos adicional adecuada para desplazarse por las páginas.
Obtener la matriz de datos
Obtener la lista de objetos de visualización.
Borrar la lista
Buscar el objeto de visualización correspondiente según el objeto de datos. Al abrir una lista virtual, es posible que el objeto devuelto no exista.
Obtener imágenes almacenadas en caché
Cuando useVirtualList=false, el método de devolución de llamada de desplazamiento hacia abajo registrado no está disponible.
Después de modificar los datos, la lista se actualizará; algunos representan los objetos de actualización especificados; de lo contrario, se actualizarán todos.
Determina si se desplaza hacia la parte superior.
Desplazarse hacia arriba
Desplazarse hasta una posición fija itemIndex significa desplazarse hasta el índice del objeto de visualización especificado, segundos es la duración de la animación de desplazamiento.
Objeto de datos. Cada control de unidad de visualización corresponde a un objeto de datos de una lista de datos a visualizar. Cuando useVirtualLayout = true, el objeto de datos correspondiente al control de la unidad no es fijo y se desplazará y cambiará.
Las subclases pueden anular métodos, personalizar métodos de visualización y activarse cuando se desplazan alternativas o se inicializan. Cuando useVirtualLayout = true, cada control de unidad de visualización se reutiliza mediante el desplazamiento, por lo que el componente Componente correspondiente también se reutiliza, por lo que no registre las variables o propiedades correspondientes a un determinado dato en él.
Obtener el índice del objeto real en la cola
Las subclases pueden anular métodos y hacer clic para activar eventos. Solo se admite una selección única.
Las subclases pueden anular los métodos. Si está seleccionado actualmente, este evento se activará cuando se haga clic en otra unidad.
Las subclases pueden anular los métodos que se activan cuando el control se desliza fuera del área visible. No disponible cuando useVirtualList=false.
Las subclases pueden anular los métodos que se activan cuando el control se desliza hacia el área visible. No disponible cuando useVirtualList=false.
VirtualGridList proporciona carga asincrónica y almacenamiento en caché automático de imágenes. Imagen: dirección de la imagen, cb: método de devolución de llamada después de cargar la imagen, thisObj: objeto del método de devolución de llamada.