Panel Inspector

El Panel Inspector es tu centro de control principal para ver y modificar las propiedades de los objetos. Aparece en el lado derecho de la ventana y es contextual — las secciones que muestra cambian según lo que tengas seleccionado en el lienzo.

Muestra u oculta el Inspector usando el botón Mostrar/Ocultar Inspector en la barra de herramientas.

Capas

La sección Capas siempre es visible independientemente de la selección. Muestra la jerarquía de capas de la página actual del documento.

• Visibilidad de Capa: Haz clic en el icono del ojo para mostrar u ocultar una capa. Las capas ocultas no aparecen en el lienzo ni en las exportaciones (a menos que se incluyan explícitamente).
• Bloqueo: Haz clic en el icono de candado para evitar la edición de objetos en esa capa. Las capas bloqueadas no se pueden seleccionar ni modificar.
• Renombrar: Haz doble clic en el nombre de una capa para editarlo.
• Capa Activa: La capa resaltada es donde se crean los nuevos objetos. Haz clic en una capa para activarla.
• Reordenar: Arrastra las capas hacia arriba o hacia abajo para cambiar su orden de apilamiento. Los objetos en capas superiores aparecen delante de los objetos en capas inferiores.
• Agregar / Eliminar: Usa los botones + y − en la parte inferior de la lista de capas para crear o eliminar capas.

!TIP Usa múltiples capas para separar los elementos de fondo (cuadrículas, guías) del contenido en primer plano (figuras, conectores). Luego puedes bloquear la capa de fondo para evitar ediciones accidentales.

Texto

Aparece cuando un símbolo, una figura o una tabla están seleccionados. Controla el contenido de texto que se muestra dentro del objeto.

Fuente

• Familia de Fuente: Elige de un desplegable con todas las fuentes del sistema instaladas. Escribe para buscar por nombre.
• Tamaño de Fuente: Introduce un tamaño en el campo de texto o elige de los valores preestablecidos del desplegable (ej., 9, 10, 11, 12, 14, 18, 24, 36, 48, 72).
• Negrita (B): Activa/desactiva el peso en negrita.
• Cursiva (I): Activa/desactiva el estilo cursiva.
• Subrayado (U): Activa/desactiva la decoración de subrayado.

Color y Alineación

• Color del Texto: Haz clic en el selector de color para abrir el selector de colores. Ajusta la opacidad por separado.
• Alineación: Elige alineación horizontal Izquierda, Centro o Derecha usando los botones segmentados.

Dimensionamiento

• Autoajuste: Cuando está activado, la figura se redimensiona automáticamente para ajustarse a su contenido de texto.
• Ancho Fijo: Cuando está activado, la figura mantiene un ancho fijo y el texto se ajusta dentro de él.

Relleno Interior

Controla el espaciado entre el texto y el borde de la figura.

• Modo: Alterna entre Relativo (porcentaje del tamaño de la figura) y Absoluto (valores fijos en píxeles).
• Izquierda / Derecha: Deslizadores de relleno horizontal con campos numéricos.
• Arriba / Abajo: Deslizadores de relleno vertical con campos numéricos.
• Mostrar Rellenos: Activa/desactiva la visualización de las guías de relleno en el lienzo para la figura seleccionada.

Geometría

Aparece cuando se seleccionan símbolos, figuras, tablas, grupos o imágenes. Proporciona control preciso sobre la posición y las dimensiones.

• X: Posición horizontal del origen del objeto en el lienzo (en puntos).
• Y: Posición vertical del origen del objeto en el lienzo (en puntos).
• W (Ancho): La dimensión horizontal del objeto.
• H (Alto): La dimensión vertical del objeto.
• Rotación: Ángulo en grados. Introduce un valor o usa el campo para rotar el objeto alrededor de su centro.
• Aplicar: Haz clic para confirmar los cambios realizados en los campos de texto.

!TIP También puedes mover objetos arrastrando, redimensionar usando los controles y rotar arrastrando el control de rotación sobre la selección.

Colores del Elemento

Aparece cuando se seleccionan símbolos de notación (de la biblioteca de figuras). No aparece para trazados vectoriales ni imágenes.

• Cuadrícula de Esquemas de Color: Una cuadrícula de muestras de color que muestra todos los esquemas de color disponibles para la notación seleccionada. Haz clic en una muestra para recolorear instantáneamente el símbolo.
• Opacidad: Un deslizador (0% a 100%) que controla la transparencia general del símbolo.

Los esquemas de color te permiten cambiar rápidamente la apariencia visual de los símbolos de notación sin ajustar manualmente los colores de relleno y trazo individuales. Cada paquete de notación define su propio conjunto de esquemas de color.

Estilo

Aparece cuando se seleccionan objetos de trazado vectorial (rectángulos, elipses, dibujos a mano alzada, etc.). Proporciona control total sobre el proceso de renderizado visual.

La sección de Estilo usa un árbol de componentes que muestra la pila de renderizado del objeto seleccionado. Cada renderizador se puede activar o desactivar individualmente con una casilla de verificación.

Trazo

Controla el contorno de la figura.

• Color: Haz clic en el selector de color para establecer el color del trazo.
• Grosor: Ajusta el grosor de la línea. Deslizador con marcas preestablecidas en 1, 2, 4, 8, 12, 16 y 20 puntos.
• Patrón de Guiones: Elige un estilo de línea del desplegable:
  • Sólido, Punteado, Discontinuo, Guión-Punto, Guión-Punto-Punto, Guión Largo, Guión Corto
• Estilo de Extremo: Cómo se dibujan los extremos de la línea — Plano, Redondo o Cuadrado.
• Estilo de Unión: Cómo se dibujan las esquinas — Inglete (agudo), Redondo o Bisel (plano).
• Sombra: Activa/desactiva una sombra proyectada en el trazo.

Relleno

Controla el interior de la figura. Elige un tipo de relleno desde las pestañas:

• Sólido: Un solo color plano. Haz clic en el selector de color para elegir.
• Degradado Lineal: Una transición suave entre dos o más colores a lo largo de una línea recta.
  • Arrastra las paradas de color en la barra de degradado para ajustar las posiciones.
  • Ángulo: Establece la dirección del degradado usando el dial, el campo numérico o el control de paso.
• Degradado Radial: Una transición circular desde un punto central hacia afuera.
  • Mismos controles de paradas de color que el degradado lineal.
• Patrón: Rellena con una imagen o textura repetida.
  • Usa Pegar para pegar una imagen del portapapeles, o Cargar para elegir un archivo.

Sombra (para Relleno)

Cuando la sombra está activada en el relleno:

• Ángulo: Dirección de la sombra (control de dial).
• Distancia: Qué tan lejos está desplazada la sombra del objeto (deslizador).
• Desenfoque: Suavidad de los bordes de la sombra (deslizador).
• Color de Sombra: Haz clic en el selector de color para establecer el color y la opacidad de la sombra.

Renderizadores Adicionales

El árbol de renderizado admite tipos de renderizadores adicionales que se pueden agregar mediante el botón +:

• Trazo con Flechas: Un trazo con puntas de flecha en los extremos.
• Trazo Irregular: Un trazo con estilo de dibujo a mano.
• Trazo en Zigzag: Un trazo con patrón en zigzag.
• Relleno en Zigzag: Un relleno con patrón en zigzag.
• Relleno Rayado: Un relleno con patrón de líneas diagonales.
• Decorador de Trazado: Repite una imagen de motivo a lo largo del trazado.
• Adorno de Texto: Agrega texto renderizado a lo largo o dentro de la figura.
• Adorno de Imagen: Agrega una imagen dentro de la figura.
• Grupos de Renderizadores: Agrupa múltiples renderizadores para efectos combinados, incluyendo grupos de Mezcla y Máscara y filtros de Core Image.

Opacidad

• Opacidad: Un deslizador (0% a 100%) que controla la transparencia general de todo el objeto, aplicada después de todos los renderizadores.

Contorno

Aparece para símbolos de notación e imágenes. Controla el contorno dibujado alrededor de la figura, independiente del relleno de la figura.

• Dibujar Solo Contorno: Cuando está activado, solo se dibuja el contorno — el relleno interior y el esquema de color de la figura se ocultan.
• Color del Contorno: Haz clic en el selector de color para establecer el color del contorno.
• Tipo de Contorno: Elige un estilo de línea — Sólido, Punteado, Discontinuo, Guión-Punto, Guión-Punto-Punto, Guión Largo, Guión Corto.
• Grosor del Contorno: Ajusta el grosor de 0,5 a 10 puntos (deslizador + campo numérico).
• Opacidad del Contorno: Ajusta la transparencia de 0% a 100% (deslizador + campo numérico).
• Sombra: Activa/desactiva un efecto de sombra proyectada en el contorno.

!TIP Usa "Dibujar Solo Contorno" para crear diagramas estilo wireframe donde las figuras muestran solo sus contornos sin relleno.

Geometría del Conector

Aparece cuando uno o más conectores están seleccionados. Muestra las coordenadas precisas de los extremos.

• Inicio X / Inicio Y: La posición del punto de inicio del conector.
• Fin X / Fin Y: La posición del punto final del conector.
• Aplicar: Haz clic para confirmar los cambios de coordenadas.

Estilo del Conector

Aparece cuando se seleccionan conectores regulares (no conectores gruesos/con cuerpo). Proporciona control total sobre la apariencia del conector.

Puntas de Flecha

• Punta de Flecha Inicial: Haz clic para abrir el selector de puntas de flecha para el inicio del conector.
• Punta de Flecha Final: Haz clic para abrir el selector de puntas de flecha para el final del conector.

El selector de puntas de flecha incluye Ninguna más de 20 tipos integrados:

También pueden estar disponibles puntas de flecha SVG adicionales del paquete de notación activo.

Colores

• Color del Eje: Color de la línea del conector. Haz clic en el botón de esquema de color para elegir.
• Color de Flecha Inicial: Color de la punta de flecha inicial (independiente del eje).
• Color de Flecha Final: Color de la punta de flecha final (independiente del eje).
• Aplicar Color a Ambas Flechas y al Eje: Cuando está marcado, cambiar cualquier color se aplica a los tres.

Estilo de Línea

• Tipo de Línea: Elige entre Sólido, Punteado, Discontinuo, Guión-Punto, Guión-Punto-Punto, Guión Largo, Guión Corto, Grueso.
• Grosor: Deslizador de grosor de línea (0,5 a 20 puntos).

Longitudes de Flecha

• Longitud de Flecha Inicial: Tamaño de la punta de flecha inicial (deslizador 0–150px + campo numérico).
• Longitud de Flecha Final: Tamaño de la punta de flecha final (deslizador 0–150px + campo numérico).
• Aplicar Longitud a Ambas Flechas: Cuando está marcado, ambas puntas de flecha usan la misma longitud.

Modo de Enrutamiento

Elige cómo se calcula el trazado del conector:

• Recto: Línea directa entre los extremos.
• Polilínea: Trazado de múltiples segmentos con puntos de inflexión manuales.
• Ortogonal: Solo segmentos en ángulo recto (horizontal y vertical).
• Suave: Trazado curvo Bézier.
• Ortogonal Inteligente: Enruta automáticamente alrededor de las figuras usando segmentos ortogonales.
• Polilínea Inteligente: Enruta automáticamente alrededor de las figuras usando segmentos diagonales.

Valores Predeterminados

Desde el menú de ajustes:

• Guardar como Predeterminados: Almacena el estilo actual del conector como predeterminado para nuevos conectores.
• Aplicar Predeterminados: Aplica el estilo predeterminado guardado al conector seleccionado.
• Restablecer Predeterminados: Restaura el estilo predeterminado de fábrica del conector.

Para una referencia completa de todos los tipos de puntas de flecha, consulta la Referencia de Puntas de Flecha.

Posición del Texto del Conector

Aparece cuando se seleccionan conectores regulares. Controla cómo se posicionan las etiquetas de texto a lo largo del conector.

• Modo de Disposición: Elige cómo se relaciona el texto con el trazado del conector:
  • A lo Largo del Trazado: El texto sigue la curva del conector.
  • Horizontal: El texto permanece horizontal independientemente del ángulo del conector.
• Posición: Deslizador que controla dónde a lo largo del trazado aparece el texto (desde Inicio hasta Fin).
• Desplazamiento Y: Deslizador que controla la distancia vertical desde la línea del conector (desde Debajo hasta Encima).

Ajustes de Tabla

Aparece cuando se selecciona una tabla. Se accede a través de la Barra de Herramientas de Acción de Tabla que aparece al hacer doble clic en una tabla.

Ajustes de Cuadrícula

Controla la estructura visual de la cuadrícula de la tabla.

• Mostrar Cuadrícula: Activa/desactiva la visibilidad de las líneas internas de la cuadrícula entre celdas.
• Mostrar Marco: Activa/desactiva la visibilidad del borde exterior de la tabla.
• Grosor de Línea de Cuadrícula: Ajusta el grosor de las líneas de la cuadrícula (deslizador, 0,5 a 5 puntos).
• Radio de Esquinas: Redondea las esquinas del marco de la tabla (deslizador, 0 a 40 puntos).
• Color de Cuadrícula: Elige de una paleta de colores en cuadrícula (5 filas × 7 columnas de colores preestablecidos).

Atributos de Celda

Controla el contenido y la apariencia de celdas individuales o de toda la tabla.

• Aplicar a Todas las Celdas de la Tabla: Cuando está marcado, los cambios se aplican a todas las celdas de la tabla en lugar de solo a la celda seleccionada.

Fuente

• Familia de Fuente: Elige entre las fuentes instaladas mediante el menú desplegable.
• Negrita (B), Cursiva (I), Subrayado (U): Activa/desactiva las opciones de tipografía.
• Tamaño de Fuente: Elige del desplegable.

Texto

• Alineación del Texto: Izquierda, Centro o Derecha (botones segmentados).
• Color del Texto: Haz clic en el selector de color para elegir.
• Ángulo del Texto: Rota el texto dentro de la celda usando el control de ángulo o introduciendo los grados directamente. Valores comunes:
  • 0° — Horizontal (predeterminado)
  • 90° — Vertical (de abajo hacia arriba)
  • 270° — Vertical (de arriba hacia abajo)

Espaciado

• Relleno Superior / Inferior: Espaciado vertical entre el texto y los bordes de la celda (deslizador, 0–50%).
• Relleno Izquierdo / Derecho: Espaciado horizontal entre el texto y los bordes de la celda (deslizador, 0–50%).

Fondo

• Color de Fondo: Elige de una paleta de colores en cuadrícula para establecer el color de relleno de la celda.

Para más información sobre tablas, consulta Trabajar con Tablas.

UML

Aparece cuando se seleccionan elementos UML en páginas de diagramas de Clases UML o Secuencia UML.

Inspector de Clase

Aparece cuando se selecciona una clase UML.

• Nombre de Clase: El nombre que se muestra en el encabezado de la clase.
• Estereotipo: Texto de estereotipo opcional (ej., <<interface>>, <<abstract>>).
• Abstracta: Activa/desactiva para marcar la clase como abstracta (renderiza el nombre en cursiva).
• Redimensión Restringida: Cuando está activado, el redimensionamiento mantiene las proporciones internas.
• Atributos: Un editor de texto que lista los atributos de la clase. Cada línea sigue la notación UML: visibilidad nombre: tipo (ej., - count: Int, + name: String) Usa el botón + para agregar nuevos atributos.
• Operaciones: Un editor de texto que lista los métodos de la clase. Cada línea sigue la notación UML: visibilidad nombre(parámetros): tipoRetorno (ej., + toString(): String) Usa el botón + para agregar nuevas operaciones.

Inspector de Relación

Aparece cuando se selecciona una relación UML (conector entre clases).

• Tipo de Relación: Elige del selector:
  • Asociación, Asociación Dirigida, Composición, Agregación, Dependencia, Realización, Herencia, Uso
• Etiqueta: Texto mostrado en la línea de relación.
• Multiplicidad de Origen: Cardinalidad en el extremo de origen (ej., 1, 0..*, 1..n).
• Multiplicidad de Destino: Cardinalidad en el extremo de destino.

Inspector de Participante de Secuencia

Aparece cuando se selecciona un participante de diagrama de secuencia.

• Nombre: El nombre de visualización del participante.
• Tipo de Rol: Elige la representación visual del participante:
  • Participante: Caja estándar
  • Actor: Figura de palo
  • Límite: Notación de límite (círculo con línea vertical)
  • Control: Notación de control (círculo con flecha)
  • Entidad: Notación de entidad (círculo con subrayado)

Inspector de Mensaje de Secuencia

Aparece cuando se selecciona un mensaje de diagrama de secuencia (flecha).

• Tipo de Mensaje: Elige el estilo de flecha:
  • Síncrono: Línea sólida con punta de flecha rellena
  • Asíncrono: Línea sólida con punta de flecha abierta
  • Retorno: Línea discontinua con punta de flecha abierta
  • Crear: Línea discontinua hacia un nuevo participante
  • Destruir: Mensaje que termina con una X
  • Auto-llamada: Mensaje que regresa al mismo participante
• Etiqueta: Texto mostrado en la flecha del mensaje.

Inspector de Fragmento de Secuencia

Aparece cuando se selecciona un fragmento de diagrama de secuencia (caja de fragmento combinado).

• Tipo de Fragmento: Elige el operador de interacción:
  • opt (opcional), alt (alternativa), loop, par (paralelo), seq (secuencial), strict, neg (negativo), assert, break, ignore, consider
• Condición de Guarda: El texto de condición mostrado entre corchetes (ej., [x > 0]).

Para más información sobre diagramas UML, consulta Diagramas de Clases UML y Diagramas de Secuencia UML.

Disposición

Siempre visible (excepto en modo de diagrama ASCII). Proporciona herramientas para la organización automática de elementos en el lienzo.

• Algoritmo de Disposición: Elige una estrategia de disposición automática para organizar figuras y conectores.
• Espaciado: Controla la distancia entre elementos al ejecutar la disposición automática.

Para más detalles, consulta Disposición Automática.

Conectores Inteligentes

Siempre visible (excepto en modo de diagrama ASCII). Controla el comportamiento del enrutamiento de conectores inteligentes.

• Distancia de Margen de Figura: Espacio mínimo entre los trazados de conectores y los bordes de las figuras.
• Penalización de Segmento: Influye en cómo el algoritmo de enrutamiento pondera los segmentos de trazado adicionales.
• Penalización de Cruce: Influye en cómo el algoritmo evita cruzar otros conectores.
• Penalización de Dirección de Puerto: Controla qué tan estrictamente los conectores salen de las figuras en ángulos perpendiculares.

Estos ajustes afectan a todos los conectores con enrutamiento inteligente en la página actual. Para más detalles, consulta Conectores Inteligentes.

Estilo del Tema

Aparece cuando el tema del lienzo está configurado en algo diferente a Limpio (ej., Sketch, Comic, Blueprint).

• Rugosidad: Controla qué tan pronunciado es el efecto de dibujo a mano (mayor = más irregular).
• Curvatura: Ajusta la curvatura de los segmentos de línea recta (mayor = más ondulado).
• Multi-Trazo: Activa/desactiva un trazo secundario superpuesto para un aspecto reforzado de dibujo a mano.
• Modo de Relleno: Elige cómo se renderizan los interiores de las figuras:
  • Original: Mantiene el color de relleno original de la figura.
  • Rayado: Líneas diagonales paralelas.
  • Rayado Cruzado: Líneas diagonales perpendiculares (patrón de cuadrícula).
  • Puntos: Relleno con patrón de puntos.
• Ángulo de Rayado: Ángulo de las líneas de relleno diagonales (en grados).
• Separación de Rayado: Espaciado entre las líneas de relleno (0 = calculado automáticamente a partir del grosor del trazo).
• Multiplicador de Grosor de Trazo: Escala el grosor del trazo en relación al valor base.
• Preservar Vértices: Cuando está activado, mantiene los puntos de esquina nítidos sin fluctuaciones.

Estos ajustes son anulaciones a nivel de documento que se aplican a todos los elementos del lienzo. Para más detalles, consulta Temas del Lienzo.

Temas Relacionados

• Resumen de Estilos — Conceptos generales de estilo
• Estilos de Relleno — Opciones detalladas de relleno
• Estilos de Trazo — Opciones detalladas de trazo
• Efectos — Sombras y otros efectos
• Esquemas de Color — Trabajar con esquemas de color
• Conectores — Conceptos básicos de conectores
• Tablas — Conceptos básicos de tablas
• Diagramas de Clases UML — Notación de clases UML
• Diagramas de Secuencia UML — Notación de secuencia UML