CircleMatrixLoader class

Widget de carga animado con matriz de círculos que se expanden, contraen y desvanecen.

Crea un loader con una cuadrícula de círculos que se animan siguiendo diferentes patrones direccionales, creando efectos visuales dinámicos y modernos mediante transformaciones de escala y opacidad.

Los círculos se expanden, contraen y desvanecen en secuencia según la dirección especificada, utilizando una onda sinusoidal para crear transiciones suaves. Soporta 8 direcciones diferentes: vertical, horizontal y cuatro variantes diagonales.

Perfecto para:

  • Estados de carga modernos y elegantes
  • Indicadores de progreso creativos con efecto suave
  • Pantallas de splash animadas
  • Transiciones visuales atractivas con desvanecimiento

Ejemplo básico:

CircleMatrixLoader(
  numberOfSquares: 4,
  squareHeight: 40,
  duration: Duration(milliseconds: 1500),
  color: Colors.blue,
  direction: TraverseDirection.LEFT_UP_RIGHT_BOTTOM,
)

Ejemplo con efecto diagonal:

CircleMatrixLoader(
  numberOfSquares: 5,
  squareHeight: 35,
  duration: Duration(milliseconds: 1800),
  color: Colors.orange,
  direction: TraverseDirection.RIGHT_BOTTOM_LEFT_UP,
  curve: Curves.easeInOut,
)

Ejemplo con matriz grande:

CircleMatrixLoader(
  numberOfSquares: 6,
  squareHeight: 25,
  duration: Duration(milliseconds: 2000),
  color: Colors.purple,
  direction: TraverseDirection.UP_BOTTOM,
  curve: Curves.linear,
)

Ver también:

Inheritance

Constructors

CircleMatrixLoader({Key? key, int numberOfSquares = 3, Duration duration = const Duration(milliseconds: 1500), Curve curve = Curves.linear, double squareHeight = 40, TraverseDirection direction = TraverseDirection.LEFT_UP_RIGHT_BOTTOM, Color color = Colors.blue})
Crea un CircleMatrixLoader.
const

Properties

color → Color
Color de los círculos.
final
curve → Curve
Curva de animación para las transiciones.
final
direction → TraverseDirection
Dirección en la que fluye la animación a través de la matriz.
final
duration → Duration
Duración de un ciclo completo de la animación.
final
hashCode → int
The hash code for this object.
no setterinherited
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
numberOfSquares → int
Número de círculos en cada fila y columna de la matriz.
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
squareHeight → double
Altura y ancho de cada círculo individual en píxeles.
final

Methods

createElement() → StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() → State<CircleMatrixLoader>
Creates the mutable state for this widget at a given location in the tree.
override
debugDescribeChildren() → List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a one-line detailed description of the object.
inherited
toStringShort() → String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited