UML Shapes on Bloc

(UML) Shapes in Bloc

• (UML) Shapes in Bloc
  • Shapes
    • Layouting Within Shapes
    • Shapes Within Shapes
  • Lines
    • Line Manual Routing
    • Line End Markers
    • Line Ends Follow Shape
    • Styled Lines
    • Line Labels
    • Lines Between Lines
    • Line To Line
    • Unified Lines
    • Lines Across Boundaries
  • Interactions
    • Dragging
    • Resizable Elements
    • Selectable Elements
    • Marquee Selection
  • View
    • Zooming
    • Panning
  • Advanced
    • Drag And Drop
    • In-place Text Editing

Shapes

Layouting Within Shapes

• Layouting Within Shapes

• independent font sizes and styles
• independent text alignment
• compartments separated by horizontal lines
• the outer box can be resized

Shapes Within Shapes

• Shapes Within Shapes (also dynamically added and removed)

Lines

Line Manual Routing

• Movable endpoints

• Segmented line

• Self-edge (rectangular and circular/bezier)

Line End Markers

• Line end markers

(non-exhaustive list; also confusing names for arrows :))

• Combination of markers

• Markers anywhere on the line

Line Ends Follow Shape

• Line Ends Follow Shape - rectangle, ellipse, rectangle with rounded corners
• Line Ends Follow Shape - arbitrary shapes

Styled Lines

• Styled Lines - Color, Thickness
• Styled Lines - Dashes

Line Labels

• Line Labels
• Line Labels do not overlap other labels or shapes when possible

Lines Between Lines

• Lines Between Lines (with labels)

Line To Line

• Line To Line

Unified Lines

• Unified Lines
• Unified Lines with labels

Lines Across Boundaries

• Lines Across Boundaries

(e.g. /t2)

Interactions

Dragging

• Draggable Elements (within parent)

• Grid-constrained

• Outline dragging

Resizable Elements

• Resizable Elements
• Custom Cursors

Selectable Elements

• Selectable Elements

Marquee Selection

• Marquee Selection

View

• Zooming
• Panning

Advanced

• Canvas Preview/Minimap

Drag And Drop

• Pickable/Droppable Elements

In-place Text Editing

• In-place Text Editing