AppUI class

Constantes de UI adicionales para acceso rápido y conveniente

Esta clase proporciona acceso directo a valores comúnmente usados de AppSizes, facilitando el uso de constantes de UI sin necesidad de importar múltiples archivos.

Uso básico:

// Elevaciones
Card(
  elevation: AppUI.elevationMd,
  child: ...,
);

// Opacidades
Opacity(
  opacity: AppUI.opacityDisabled,
  child: Text('Texto deshabilitado'),
);

// Iconos
Icon(Icons.home, size: AppUI.iconLg);

// Avatares
CircleAvatar(radius: AppUI.avatarMd);

// Breakpoints responsivos
if (width < AppUI.maxMobileWidth) {
  // Layout móvil
}

Nota: Todos los valores están delegados a AppSizes para mantener una única fuente de verdad en el sistema de diseño.

Properties

hashCode → int

The hash code for this object.

no setter, inherited

runtimeType → Type

A representation of the runtime type of the object.

no setter, inherited

Methods

noSuchMethod(Invocation invocation) → dynamic

Invoked when a nonexistent method or property is accessed.

inherited

toString() → String

A string representation of this object.

inherited

Operators

operator ==(Object other) → bool

The equality operator.

inherited

Constants

aspectRatioCinematic → const double

2.35 - Cinemático (21:9) - Películas y ultra-wide

aspectRatioPhoto → const double

1.5 - Formato foto (3:2) - Cámaras DSLR

aspectRatioSquare → const double

1.0 - Cuadrado perfecto (1:1)

aspectRatioStandard → const double

1.33 - Formato estándar (4:3) - Común en fotografía tradicional

aspectRatioWide → const double

1.78 - Widescreen (16:9) - Videos y pantallas modernas

avatarHuge → const double

96.0 - Avatar enorme

avatarLg → const double

48.0 - Avatar grande

avatarMassive → const double

128.0 - Avatar masivo (para perfiles)

avatarMd → const double

40.0 - Avatar mediano (uso común en listas)

avatarSm → const double

32.0 - Avatar pequeño

avatarXl → const double

64.0 - Avatar extra grande

avatarXs → const double

24.0 - Avatar extra pequeño

avatarXxl → const double

80.0 - Avatar muy grande

elevationHuge → const double

16.0 - Elevación enorme (navigation drawer)

elevationLg → const double

6.0 - Elevación media (floating action button)

elevationMassive → const double

24.0 - Elevación masiva (modal bottom sheet)

elevationMd → const double

4.0 - Elevación estándar (cards elevadas, app bar)

elevationNone → const double

0.0 - Sin elevación

elevationSm → const double

2.0 - Elevación baja (botones, chips)

elevationXl → const double

8.0 - Elevación alta (drawer, bottom sheet)

elevationXs → const double

1.0 - Elevación mínima (cards en reposo)

elevationXxl → const double

12.0 - Elevación muy alta (dialogs)

iconHuge → const double

48.0 - Ícono enorme

iconLg → const double

24.0 - Tamaño estándar de Material Design

iconMd → const double

20.0 - Ícono mediano

iconSm → const double

16.0 - Ícono pequeño

iconXl → const double

32.0 - Ícono extra grande

iconXs → const double

12.0 - Ícono extra pequeño

iconXxl → const double

40.0 - Ícono muy grande

maxContentWidth → const double

1536.0 - Ancho máximo para contenido centrado

maxDesktopWidth → const double

1200.0 - Ancho máximo para desktop

maxMobileWidth → const double

600.0 - Ancho máximo para dispositivos móviles

maxTabletWidth → const double

900.0 - Ancho máximo para tablets

opacityDisabled → const double

0.38 - Estado deshabilitado (texto e iconos)

opacityFull → const double

1.0 - Completamente opaco

opacityHigh → const double

0.87 - Texto activo y primario

opacityHover → const double

0.12 - Hover/Press sobre superficie (ripple effects)

opacityMedium → const double

0.54 - Texto secundario y ayuda

opacityMediumHigh → const double

0.70 - Nivel medio-alto (elementos menos importantes)

opacityNone → const double

0.0 - Completamente transparente