Referencia de Puntas de Flecha

Diagrammix proporciona 31 estilos diferentes de punta de flecha para conectores y líneas. Esta referencia cubre todos los tipos disponibles y sus casos de uso comunes.

Aplicar Puntas de Flecha

Usando el Inspector

  1. Selecciona un conector
  2. Abre la pestaña Style del Inspector y busca la sección Connector
  3. Elige un estilo en Start Arrowhead y End Arrowhead

Usando el Menú Contextual

Haz clic derecho en una punta de flecha en el lienzo para obtener un menú Start Arrowhead o End Arrowhead con las Built-in Arrowheads y una opción Position (Auto o Fixed).

Flecha Inicial vs. Final

  • Start Arrowhead: al comienzo de la línea (donde empezaste a dibujar)
  • End Arrowhead: al final de la línea (donde terminaste de dibujar)

Puedes usar puntas de flecha diferentes en cada extremo. Si la notación actual proporciona sus propias puntas de flecha SVG, aparecen en el selector bajo Notation Arrowheads.

Referencia Completa de Puntas de Flecha

All Arrowhead Types

Puntas de Flecha Básicas

TipoNombreDescripciónUso Común
noneNoneSin punta de flechaLíneas simples, conexiones sin dirección
standardArrowTriángulo relleno clásicoDiagramas de flujo generales, flujo direccional
inflectedInflectedFlecha curvada/barridaDiagramas estilizados, flujo dinámico
stickStrokedStickChevron abierto (>)Indicadores de dirección ligeros
doubleStickStrokedDouble StickDoble chevron (>>)Dirección fuerte, continuación

Formas Geométricas

TipoNombreDescripciónUso Común
roundCircleCírculo rellenoExtremos, nodos
roundStrokedCircle StrokedCírculo huecoExtremos alternativos
squareSquareCuadrado rellenoExtremos de bloque
boxStrokedBox StrokedCuadrado huecoExtremos de bloque alternativos
boxBoxIgual que squareTerminadores de diagrama
barBarBarra verticalLíneas de dimensión, límites
arcStrokedArcForma de medialuna/arcoNotaciones especializadas

Formas de Rombo

TipoNombreDescripciónUso Común
diamondDiamondRombo rellenoPuntos de decisión, uniones
diamondStrokedDiamond StrokedContorno de rombo huecoPuntos de decisión alternativos
diamondCurvedDiamond CurvedRombo curvadoDiagramas estilizados
whiteDiamondWhite DiamondRombo hueco (relleno de blanco)Agregación UML

Formas de Triángulo

TipoNombreDescripciónUso Común
whiteTriangleWhite TriangleTriángulo huecoHerencia UML (alternativa)
umlInheritanceInheritanceTriángulo hueco (estilo UML)Herencia de clases UML

Decorativas

TipoNombreDescripciónUso Común
singleFeather1 FeatherPluma/púa simpleDiagramas decorativos
doubleFeather2 FeatherPluma/púa dobleDiagramas decorativos
tripleFeather3 FeatherPluma/púa tripleDiagramas decorativos

Técnicas/Dimensión

TipoNombreDescripciónUso Común
dimensionLineDimensionFlecha para medicionesDibujos técnicos, dimensiones
dimensionLineAndBarDimension BarDimensión con barraDibujos técnicos
crossCrossMarca en XMensaje de destrucción UML, terminación

Entidad-Relación (ERD)

TipoNombreDescripciónUso Común
crowsFeetCrows FeetHorquilla de tres puntasERD: relación de muchos
crowBarCrow BarHorquilla con barraERD: uno a muchos
crowBarSegmentCrow Bar SegmentHorquilla con segmentoERD: variación
crowBallCrow BallHorquilla con círculoERD: cero a muchos
crowBallCircleCrow Ball CircleHorquilla con doble círculoERD: muchos opcional
barBallBar BallBarra con círculoERD: cero a uno
barBarBar BarDoble barraERD: exactamente uno

Categorías de Casos de Uso

Diagramas de Flujo

Para diagramas de flujo generales, usa:

  • standard (Arrow) - La más común, dirección clara
  • none - Para relaciones bidireccionales o sin dirección
  • stickStroked (Stick) - Alternativa ligera

Diagramas UML

Para diagramas de clases UML:

  • umlInheritance - Herencia de clases (extends)
  • whiteTriangle - Estilo de herencia alternativo
  • whiteDiamond - Agregación ("has-a" débil)
  • diamond - Composición ("has-a" fuerte)
  • standard - Asociación, dependencia
  • stickStroked - Dependencia (alternativa)

Para diagramas de secuencia UML:

  • standard - Mensajes síncronos
  • stickStroked - Mensajes asíncronos
  • cross - Mensaje de destrucción/terminación

Diagramas Entidad-Relación

Para la cardinalidad ERD:

  • barBar - Exactamente uno (1)
  • crowBar - Uno a muchos (1..*)
  • crowsFeet - Muchos (*)
  • barBall - Cero a uno (0..1)
  • crowBall - Cero a muchos (0..*)

Dibujos Técnicos

Para dimensiones y mediciones:

  • dimensionLine - Flechas de dimensión estándar
  • dimensionLineAndBar - Dimensión con terminadores
  • bar - Marcadores de límite

Tamaño de las Puntas de Flecha

En la sección Connector del Inspector:

  • Start Arrow Length y End Arrow Length establecen el tamaño de cada punta de flecha en píxeles
  • Apply Length To Both Arrows mantiene ambos extremos del mismo tamaño
  • Apply Color To Both Arrows and Shaft colorea las puntas de flecha con el color de la línea

Consejos

  1. Consistencia: usa el mismo estilo de punta de flecha en todo tu diagrama
  2. El significado importa: elige puntas de flecha que transmitan el significado semántico correcto
  3. No abuses: no todas las líneas necesitan una punta de flecha
  4. Ten en cuenta la impresión: algunas puntas de flecha detalladas pueden no imprimirse bien en tamaños pequeños
  5. Ajusta a la notación: usa flechas ERD para ERD, flechas UML para UML

Tabla de Referencia Rápida

CategoríaPuntas de Flecha
Básicasnone, standard, inflected, stickStroked, doubleStickStroked
Círculosround, roundStroked
Cuadradossquare, box, boxStroked
Rombosdiamond, diamondStroked, diamondCurved, whiteDiamond
TriánguloswhiteTriangle, umlInheritance
Barrasbar, arcStroked
DecorativassingleFeather, doubleFeather, tripleFeather
TécnicasdimensionLine, dimensionLineAndBar, cross
ERDcrowsFeet, crowBar, crowBarSegment, crowBall, crowBallCircle, barBall, barBar