Conectores

Los conectores son líneas usadas para unir figuras entre sí, representando relaciones o flujos.

Dibujar Conexiones

Para conectar dos figuras:

  1. Selecciona la Connector Tool en la barra de herramientas.
  2. Pasa el cursor sobre la primera figura hasta que aparezcan los puntos de conexión (pequeños círculos).
  3. Haz clic en un punto de conexión y arrastra hasta un punto de conexión en la segunda figura.

Connecting Two Shapes

Enrutamiento Inteligente

Diagrammix usa algoritmos de enrutamiento inteligente (LibAvoid) para enrutar automáticamente los conectores alrededor de otras figuras, asegurando que tu diagrama se mantenga limpio y legible.

Puntos de Curvatura y Pines

Puedes controlar manualmente el trazado de un conector. Haz doble clic en un conector para mostrar la Connector Action Toolbar:

  • Puntos de curvatura (conectores normales): haz clic en Add Point, luego haz clic en la línea para agregar un control que puedas arrastrar. Remove Point elimina uno. También puedes hacer clic derecho en la línea y elegir Add Bend Point.
  • Pines (conectores inteligentes): los conectores inteligentes no usan puntos de curvatura. Haz clic en Add Pin (o clic derecho → Add Pin) para agregar un punto por el que la ruta debe pasar; Remove Pin lo elimina.

Consulta Puntos de Curvatura de Conector para más detalles.

Modos de Enrutamiento

Elige cómo corre la línea de un conector en la pestaña Style del Inspector → sección Connector → Shaft, o haz clic derecho en la línea del conector y elige un modo:

ModoDescripción
StraightUna línea directa entre los dos extremos
PolylineSegmentos rectos con esquinas afiladas en cada punto de curvatura
OrthogonalSolo segmentos horizontales y verticales
SmoothUna línea suave y curva
Smart OrthogonalEnrutamiento ortogonal que evita automáticamente otras figuras
Smart PolylineEnrutamiento de polilínea que evita automáticamente otras figuras

Establece Corner Radius (0–60) en la sección Connector para redondear las esquinas donde se encuentran los segmentos.

Puntos de Anclaje

Los puntos de anclaje son puntos de conexión predefinidos en las figuras donde se conectan los conectores. Ofrecen control preciso sobre dónde se conectan las líneas.

Puntos de Anclaje Predeterminados

La mayoría de las figuras tienen puntos de anclaje automáticos:

  • Rectángulos: Centro de cada lado (4 puntos)
  • Elipses: Arriba, abajo, izquierda, derecha (4 puntos)
  • Triángulos: Cada vértice y centro de lado

Conectar a Puntos de Anclaje

  1. Selecciona la Connector Tool
  2. Pasa el cursor sobre una figura
  3. Aparecen círculos azules mostrando los puntos de anclaje disponibles
  4. Haz clic en un punto para iniciar la conexión
  5. Arrastra hasta un punto en la figura destino

Puntos de Anclaje Personalizados

Puedes agregar tus propios puntos de conexión a cualquier figura con la herramienta Sticky Spot. Consulta Puntos de Anclaje para más detalles.

Beneficios de los Puntos de Anclaje

  • Los conectores permanecen conectados cuando las figuras se mueven
  • Posiciones de conexión consistentes entre figuras similares
  • Diagramas limpios y de aspecto profesional
  • Optimización de enrutamiento automática

Puntas de Flecha

Los conectores pueden tener puntas de flecha en uno o ambos extremos. Selecciona un conector y usa el Inspector para elegir entre 31 estilos de punta de flecha (incluyendo None), tales como:

  • Flechas básicas: Arrow, Inflected, Stick, Double Stick
  • Notación UML: Inheritance, Diamond, White Diamond
  • Notación ERD: Crows Feet, Crow Bar, Crow Ball, Bar Bar
  • Decorativas: 1/2/3 Feather, Circle, Bar, Box

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

Estilos de Línea

En la pestaña Style del Inspector → sección Connector, puedes personalizar:

  • Color y width de la línea del conector
  • Line type: Solid Line, Dotted, Dashed, Dash-Dot, Dash-Dot-Dot, o Long Dash
  • Start Arrowhead / End Arrowhead: elige entre 31 estilos de punta de flecha (incluyendo None), con Start / End Arrow Length

Etiquetas de Texto del Conector

Agrega etiquetas de texto a los conectores para describir relaciones. Un conector puede tener varias etiquetas — por ejemplo una multiplicidad en cada extremo y un nombre de rol en el medio.

Agregar Etiquetas

  • Haz clic derecho en la línea del conector y elige Add Label — la etiqueta se coloca donde hiciste clic y se abre para escribir, o
  • En la pestaña Style del Inspector, abre la sección Labels y haz clic en Add Label — la nueva etiqueta se coloca en el medio del conector

Editar y Mover Etiquetas

  • Haz doble clic en una etiqueta (o selecciónala y presiona T) para editar su texto
  • Arrastra una etiqueta para moverla a lo largo del conector

Opciones de Etiqueta

Cada etiqueta tiene su propia fila en la sección Labels:

OpciónDescripción
TextEl texto de la etiqueta
AnchorDesde dónde se mide la etiqueta — Position % a lo largo del conector, From Start, o From End — más el valor
LayoutHorizontal, Along Path, o Along Reversed Path (el texto sigue la línea)
AboveDesplazamiento de la etiqueta respecto a la línea

Haz clic en el botón de papelera en la fila de una etiqueta para eliminarla.

Esto es particularmente útil para la notación de relaciones UML, como las multiplicidades en ambos extremos de una asociación.