Trabajar con Tablas

Las tablas en Diagrammix3 te permiten organizar información en un formato de cuadrícula estructurada.

Crear una Tabla

Para agregar una tabla, selecciona la Herramienta Tabla de la barra de herramientas y haz clic en el lienzo.

Barra de Herramientas de Acción de Tabla

Al hacer doble clic en una celda de tabla o seleccionar una tabla se revela la Barra de Herramientas de Acción de Tabla, que proporciona acceso rápido a:

• Edit Cell Text (T): Entrar en modo de edición de texto para la celda seleccionada.
• Grid Settings: Abrir el callout de Configuración de Cuadrícula para ajustar bordes y espaciado.
• Cell Attributes: Abrir el callout de Atributos de Celda para estilo de fuente y fondo.
• Add/Remove Row/Column: Modificar rápidamente la estructura de la tabla.

Configuración de Cuadrícula

El Callout de Configuración de Cuadrícula te permite:

• Alternar bordes para filas y columnas.
• Ajustar el espaciado horizontal y vertical entre celdas.
• Establecer el radio de esquina general de la tabla.

Atributos de Celda

El Callout de Atributos de Celda proporciona control detallado sobre celdas individuales o toda la tabla:

• Font Settings: Cambiar familia de fuente, tamaño y estilo (negrita/cursiva).
• Alignment: Establecer alineación horizontal y vertical del texto.
• Text Angle: Rotar texto dentro de las celdas (0-360 grados).
• Padding: Ajustar márgenes internos de la celda (Arriba/Abajo, Izquierda/Derecha).
• Background Color: Elegir de una paleta de colores para el relleno de la celda.

!TIP Usa la casilla Apply to all table cells para estilizar rápidamente toda la tabla de una vez.

Combinar y Dividir Celdas

Diagrammix3 soporta expansión de celdas, permitiéndote combinar múltiples celdas en una sola celda más grande o dividir celdas previamente combinadas.

Combinar Celdas

Para combinar celdas:

1. Selecciona la tabla para activar la Barra de Herramientas de Acción de Tabla
2. Selecciona múltiples celdas:
   • Cmd+Clic en celdas individuales para agregarlas a la selección
   • Shift+Clic para seleccionar un rango rectangular
3. Haz clic en Merge Cells en la barra de herramientas (o clic derecho y elige Merge)
4. Las celdas seleccionadas se combinan en una sola celda

Casos de uso para celdas combinadas:

• Filas de encabezado que abarcan múltiples columnas
• Etiquetas de categoría que abarcan filas
• Diagramas de clases UML con secciones de atributos/operaciones
• Tablas de datos complejas con encabezados agrupados

Dividir Celdas

Para dividir celdas previamente combinadas:

1. Selecciona la celda combinada
2. Haz clic en Split Cells en la barra de herramientas (o clic derecho y elige Split)
3. La celda regresa a sus divisiones de cuadrícula originales

Nota: Solo puedes dividir celdas que fueron previamente combinadas. No puedes subdividir una sola celda de cuadrícula en celdas más pequeñas más allá de la estructura de cuadrícula de la tabla.

Selección de Múltiples Celdas

Al trabajar con expansión de celdas:

1. Primera selección - Haz clic en una celda para seleccionarla
2. Agregar a la selección - Cmd+Clic en celdas adicionales
3. Seleccionar rango - Haz clic en la primera celda, Shift+Clic en la última celda (selecciona rectángulo)
4. Seleccionar fila/columna - Haz clic en el marcador de fila/columna cuando sea visible

Las celdas seleccionadas muestran resaltado para indicar que son parte de la operación de combinación.

Rotación de Texto en Celdas

Rota el texto dentro de celdas individuales:

1. Selecciona una celda
2. Abre Cell Attributes
3. Establece Text Angle a:
   • 0° - Horizontal (predeterminado)
   • 90° - Vertical (de abajo hacia arriba)
   • 180° - Al revés
   • 270° o -90° - Vertical (de arriba hacia abajo)
   • Cualquier ángulo personalizado (0-360)

El texto rotado es útil para:

• Encabezados de columna verticales
• Diseños de tabla que ahorran espacio
• Diagramas de matriz con etiquetas rotadas

Redimensionar Tablas

Puedes redimensionar una tabla usando los controles en sus esquinas y lados. Las alturas de fila individuales y los anchos de columna a menudo se pueden ajustar arrastrando las líneas de cuadrícula dentro de la tabla (si es soportado).

Diagramas de Clases UML con Tablas

Las tablas son perfectas para crear cajas de clases UML:

1. Crea una tabla de 3 filas y 1 columna
2. Primera celda: Nombre de la clase (centrado, negrita)
3. Segunda celda: Atributos (alineados a la izquierda, peso normal)
4. Tercera celda: Métodos (alineados a la izquierda, peso normal)
5. Ajusta las alturas de fila para que se adapten al contenido
6. Agrega bordes para separar secciones

Ejemplo de estructura:

┌─────────────┐
│   ClassName │  ← Header (merged if multi-column)
├─────────────┤
│ - attribute1│  ← Attributes section
│ - attribute2│
├─────────────┤
│ + method1() │  ← Methods section
│ + method2() │
└─────────────┘

Estilos Avanzados de Tabla

Visibilidad de la Cuadrícula

Controla qué bordes son visibles:

1. Abre Grid Settings
2. Alterna Show Row Borders (líneas horizontales)
3. Alterna Show Column Borders (líneas verticales)
4. Alterna Show Frame (borde exterior)

Esto permite:

• Tablas sin bordes (todo desactivado)
• Solo separadores de fila (filas activadas, columnas desactivadas)
• Solo marco exterior (marco activado, interno desactivado)

Colores de Fondo de Celda

Crea jerarquía visual con colores de fondo:

1. Selecciona las celdas a colorear
2. Abre Cell Attributes
3. Elige Background Color de la paleta
4. Aplica a celdas seleccionadas o a toda la tabla

Patrones de diseño:

• Colores de fila alternos (rayas de cebra) para legibilidad
• Fila de encabezado en color de acento
• Celdas importantes en color de resaltado
• Categorías o estados codificados por color

Relleno de Celda

Ajusta el espaciado entre el texto y los bordes de la celda:

1. Selecciona celdas
2. Abre Cell Attributes
3. Ajusta los valores de Padding:
   • Vertical Padding (arriba/abajo)
   • Horizontal Padding (izquierda/derecha)

Más relleno crea tablas más aireadas y legibles. Menos relleno crea tablas densas y compactas.

Consejos para Tablas Efectivas

1. Estilo consistente - Usa las mismas fuentes y colores para contenido similar
2. Encabezados claros - Haz que la fila/columna de encabezado sea visualmente distinta (negrita, color de fondo)
3. Relleno adecuado - No dejes que el texto toque los bordes de la celda
4. Alinea números a la derecha - Alinea datos numéricos a la derecha para fácil comparación
5. Combina con moderación - Solo combina celdas cuando mejore la claridad
6. Prueba la legibilidad - Asegúrate de que el texto sea legible al tamaño de visualización final del diagrama

Temas Relacionados

• Diagramas de Clases UML - Uso de tablas para clases UML
• Edición de Texto - Formateo de texto de tabla
• Alineación - Alinear tablas con otros elementos
• Copiar y Aplicar Estilos - Reutilizar estilos de tabla