Crear elementos repetidos

Al diseñar aplicaciones para Web o móviles, a menudo es necesario definir listas contenido o elementos repetidos. Sin embargo, crear estos elementos o actualizarlos puede llevar mucho tiempo cuando hay cambios de diseño.

La función Cuadrícula de repetición convierte un grupo de elementos en un elemento repetitivo. Simplemente, puede tirar del elemento en cualquier dirección y la cuadrícula se repite. Al modificar cualquier estilo de un elemento, el cambio se replica en todos los elementos de la cuadrícula. Por ejemplo, si cambia el tamaño de la imagen en uno de los elementos, todas las imágenes de la cuadrícula cambiarán de tamaño automáticamente.

Si tiene un elemento de texto en la cuadrícula, solo se replicará el estilo del elemento de texto y no el contenido. Por lo tanto, puede aplicar estilo a los elementos de texto rápidamente, manteniendo el contenido diferente en los elementos de la cuadrícula.

Puede reemplazar texto del marcador de posición de una cuadrícula de repetición arrastrando un archivo de texto a la cuadrícula.

Esencialmente, una cuadrícula de repetición es un tipo especial de grupo. Puede crear una cuadrícula de repetición seleccionando un objeto o un grupo de objetos y convirtiéndolos en una cuadrícula de repetición.

Para desagrupar los elementos de la cuadrícula y trabajar en ellos por separado, seleccione la cuadrícula y haga clic en Desagrupar cuadrícula en el Inspector de propiedades.

Puede acceder a los elementos componentes de la cuadrícula de repetición haciendo doble clic dentro del grupo.

Después de realizar los cambios, salga del contexto de edición presionando la tecla Escape.

Ajustar el relleno entre dos elementos de una cuadrícula de repetición

Para ajustar el relleno entre dos elementos de la cuadrícula, coloque el cursor sobre el espacio entre los elementos. Cuando el cursor cambie a flechas dobles, arrastre para aumentar o disminuir el relleno.

Trabajar con texto en una cuadrícula de repetición

Puede utilizar el texto de varias maneras en las cuadrículas de repetición. Puede actualizar cada instancia individual de un objeto de texto de una cuadrícula de repetición, o puede optar por arrastrar un documento .txt rellenado previamente a una cuadrícula de repetición y hacer que el contenido del archivo de texto rellene automáticamente los objetos de texto de la cuadrícula de repetición. 

• Actualizar elementos de texto individuales de una Cuadrícula de repetición
• Arrastrar un archivo de texto separado por retornos a un objeto de texto de una cuadrícula de repetición

Actualizar elementos de texto individuales de una cuadrícula de repetición

Arrastrar un archivo de texto separado por retornos a un objeto de texto de una cuadrícula de repetición

Puede reemplazar el texto del marcador de posición de una cuadrícula de repetición arrastrando un archivo de texto a la cuadrícula.

Trabajar con imágenes en una cuadrícula de repetición

Con las imágenes puede crear patrones repetidos de objetos, donde el relleno de imagen de un objeto se repite conforme a un patrón que usted define.

Puede elegir crear un patrón de relleno de imagen arrastrando las imágenes, una a una, hasta un objeto, o seleccionar varias imágenes y luego arrastrarlas a un objeto de la cuadrícula de repetición.

Reemplazar imágenes en una cuadrícula de repetición

Para reemplazar las imágenes de la cuadrícula, abra Finder o Explorador de archivos y navegue hasta la ubicación donde haya almacenado las imágenes para su proyecto. Seleccione todas las imágenes que desee que aparezcan en la cuadrícula, arrástrelas y suéltelas sobre el objeto de destino de dentro de la cuadrícula de repetición.

Las imágenes anteriores se reemplazarán por las nuevas, que se redimensionarán automáticamente.

Crear interacciones a partir de una cuadrícula de repetición

Puede cablear una cuadrícula de repetición a otras mesas de trabajo en modo Prototipo de las siguientes formas diferentes:

• Cablear toda la cuadrícula de repetición para una única interacción
• Cablear un único elemento de una cuadrícula de repetición para una interacción
• Crear un grupo de elementos dentro de la cuadrícula de repetición y crear una interacción desde el grupo

Cablear toda la cuadrícula de repetición para una única interacción

Cablear un único elemento de una cuadrícula de repetición para una interacción

Crear un grupo de elementos dentro de la cuadrícula de repetición y crear una interacción desde el grupo

También puede crear un grupo de objetos dentro de la cuadrícula de repetición y luego crear interacciones desde dicho grupo.

Importar contenido con cuadrículas de repetición

Vea el siguiente vídeo de ejemplo para saber cómo empezar a usar cuadrículas de repetición.