roberthein/TinyConstraints
TinyConstraints
TinyConstraints es un motor de diseño de UI declarativo y framework de posicionamiento basado en restricciones diseñado para simplificar la definición de restricciones de vista, relaciones espaciales y dimensiones de elementos. Funciona como una librería wrapper de auto layout que permite el posicionamiento de elementos a través de anclas relacionales y reglas de dimensionamiento basadas en prioridad.
El sistema permite un diseño de interfaz adaptativo al admitir el apilamiento de vistas personalizado en secuencias horizontales o verticales y el uso de offsets para una alineación de bordes y centrado precisos. Además, admite animaciones de interfaz dinámicas actualizando las restricciones de diseño y los valores constantes para transicionar entre diferentes estados de vista.
El framework cubre capacidades de gestión de diseño más amplias, incluyendo la definición de dimensiones de vista, la relación de anclas de vista y la gestión de estados de restricción para activar actualizaciones visuales.
Features
- SwiftUI - Provides a simplified constraint-based layout system specifically for building complex SwiftUI user interfaces.
- Swift Auto Layout DSL - Provides a domain-specific language to define UI constraints in Swift, reducing boilerplate for complex layouts.
- Layout Priority Scaling - Resolves competing width and height requirements by assigning importance levels to different sizing rules.
- Auto Layout Wrappers - Simplifies native Auto Layout constraint definitions through a concise declarative wrapper library.
- Constraint-Based Positioning Frameworks - Offers a comprehensive toolkit for aligning view edges and centering elements using offsets and spatial relationships.
- Constraint Definitions - Defines the specific equalities and inequalities that govern the width and height of views.
- Declarative Layout Engines - Implements a declarative engine for positioning elements and defining dimensions via relational anchors.
- Relational View Anchoring - Calculates view positions by linking specific boundary edges and centers between different UI elements.
- Adaptive UI Layouts - Creates interfaces that adapt dimensions and alignments based on relational rules across different screen sizes.
- View-to-View Mappings - Links UI elements to define relative spacing and alignment using shared anchors and offsets.
- Constraint Layout Engines - Calculates component geometry based on dynamic hierarchical constraints that can be toggled or updated.
- Constraint Set Swapping - Enables runtime swapping of active layout constraint sets to transition between different visual states.
- Edge Offset Alignments - Allows precise placement of views relative to parent boundaries using anchor points and numerical offsets.
- Linear View Stacking - Arranges groups of views in horizontal or vertical sequences with uniform spacing.
- View Alignment Systems - Arranges multiple interface elements in horizontal or vertical sequences with consistent spacing and alignment.
- Edge Pinning - Pins view edges to containers with specific offsets to achieve exact spatial placement.
- View Centering Utilities - Positions views in the middle of parent containers with optional offsets for precise adjustment.
- Linear Stacks - Implements horizontal and vertical sequences for organizing multiple UI elements with consistent spacing.
- View Transition Animations - Triggers smooth visual transitions by interpolating layout constraints and constant values between states.
- Declarative Auto Layout - Adds syntactic sugar to make auto-layout more human-readable.
- Layout Frameworks - Syntactic sugar for cleaner Auto Layout code.
