Axure, ¿cómo crear una tabla que pueda usar un repetidor para fusionar celdas?
Usos de Axure un repetidor para crear una unidad que pueda fusionar celdas:
Después de completar, se mostrará el siguiente efecto:
1. Repetidor de preparación del material: coloque el material inferior dentro del repetidor. como se muestra en la figura, en el medio El fondo del repetidor alterna blanco y azul claro.
Rectángulos - N rectángulos transparentes, tantos como columnas, en este caso 6, numerados 123456 de derecha a derecha. El estilo seleccionado de todos los rectángulos se establece en azul oscuro, luego el primer cuadro de lista se cambiará al estilo azul oscuro con un color de fuente en negrita y blanco.
Se pueden configurar y colocar estilos específicos de acuerdo con los requisitos reales de la interfaz de usuario:
En segundo lugar, la configuración de la tabla de repetidores se muestra en la siguiente figura. Dependiendo del número de columnas creadas, la columna 1 corresponde a la primera cuadrícula, la columna 2 corresponde al texto de la segunda cuadrícula, y así sucesivamente.
Método de llenado de contenido: si no hay contenido en la cuadrícula, significa que la cuadrícula debe fusionarse con la cuadrícula anterior. Al completar, podemos copiar directamente el contenido de las celdas combinadas en Excel en la tabla. Nota: La primera columna no puede estar vacía.
3. Configuración interactiva 1. Establezca el texto a medida que se carga cada elemento del repetidor: Primero, establezca cada valor en la tabla del repetidor en el rectángulo correspondiente con 1 = elemento. Columna 1; Rectángulo 2 = item.column2Rectangle 3 = item.column3Rectangle 4 = item.column4Rectangle 5 = item.column5Rectangle 6 = item.column6
2. nosotros El rectángulo correspondiente debe estar oculto si el elemento. La columna 6 está vacía, ocultaremos el rectángulo 6 si es un elemento. La columna 5 está vacía y oculta el rectángulo 5 si es un elemento. La columna 4 está vacía, oculta el rectángulo 4 si es un elemento. La columna 3 está vacía, oculta el rectángulo 3 si es el elemento. La columna 2 está vacía y el rectángulo 2 está oculto.
Nota: El rectángulo 1 no se puede ocultar porque la primera columna debe tener un valor. El prototipo consiste en fusionar las celdas en blanco de la parte posterior con las del frente.
3. Establecer el tamaño es el paso más crítico. Logramos el efecto de fusión estableciendo el tamaño del rectángulo. Por ejemplo, la sexta celda de la lista tiene un valor vacío y ocultamos el rectángulo 6 en el paso anterior. Luego, debemos establecer el tamaño del rectángulo 5 para que sea igual a su propio tamaño y al tamaño del rectángulo 6, y luego determinar gradualmente si el valor de la quinta celda de la lista está vacío. Si está vacío, establezca el tamaño del rectángulo 4 igual a su propio tamaño. NOTA: Esto debería ser una integración horizontal. Todas las dimensiones mencionadas anteriormente son anchas y la altura del rectángulo sigue siendo la misma.
Esto puede resultar difícil de entender. Déjame darte un ejemplo. Suponiendo que el ancho de todas las celdas es 100, primero determinamos si el valor de la última celda (la sexta celda) está vacío. De lo contrario, no se realizará ningún procesamiento. Si está vacía, la cuadrícula 6 se oculta y el ancho de la cuadrícula 5 se establece en 200, bloqueando la posición original de la cuadrícula 6 y creando un efecto de fusión. A continuación, determine el valor de la cuadrícula 5. Si no está vacía, no la procese; si está vacía, establezca el ancho de la cuadrícula 4 = su ancho original de 100 y el ancho de la cuadrícula 5, que se definió previamente. Si el valor de la cuadrícula 6 está vacío, será 200, en caso contrario será 100. Así que avance hasta que el valor de la cuadrícula sume.
4. También queremos resaltar el título al final de la selección porque configuramos el estilo de selección del rectángulo en la tabla en azul oscuro, la fuente en negrita y el color de fuente en blanco. entonces agregamos un evento de juicio para determinar si la fila es la primera fila, y si es la primera fila, elegiremos hacer este cambio de color.
Cuando item.index==1, podemos establecer el estado seleccionado de todas las celdas en el repetidor en verdadero.
Lo anterior trata sobre "¿Cómo hacer una tabla en Axure que pueda usar un repetidor para fusionar celdas?". He compartido todo el contenido maravilloso, ¡espero que puedas obtener algo de él! Si cree que un artículo no es lo suficientemente satisfactorio, ¡asegúrese de no perderse los artículos relacionados con Axure! En definitiva, ¡es difícil lograr un autodesarrollo integral a través de caminos de aprendizaje y conocimientos únicos! Si quieres dominar completamente una habilidad, ¡tienes que aprenderla toda! Vamos, aprenda Axure de manera integral, adquiera puntos de conocimiento de manera integral y promueva de manera rápida y efectiva el diseño de prototipos independientes ~