Visual Integration

The Matrix Framework provides seamless integration with visual design tools, allowing you to use markup for both UI prototyping and middleware configuration.

Key Concepts

Dual-Purpose Design

• Markup defines both visual representation and middleware configuration
• Controls act as interactive prototypes for middleware geometries
• Runtime deployment strips visual aspects while preserving middleware logic

Conventions

Markup Conventions

• Define geometries and their properties declaratively
• Use attached properties for routing metadata
• Maintain visual hierarchy that mirrors middleware structure

Runtime Conventions

• Use GeometryBase abstraction for unified middleware logic
• Strip visual aspects during backend deployment
• Preserve event routing and handling logic

Event Handling

All geometries share common routing strategies:

• Bubble: Events propagate up the tree
• Tunnel: Events propagate down the tree
• Priority: Events follow priority-based routing

Scalability

The framework is designed for extensibility:

• GeometryBase abstraction simplifies adding new geometries
• Support for complex geometries (grids, tensors) without core changes
• Consistent patterns for both visual and logical components