simple_ripple_animation

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das ein einfaches, anpassbares Wellenanimation-Widget bereitstellt. Es ermöglicht Entwicklern, visuell ansprechende Welleneffekte einfach auf Schaltflächen, Berührungen oder beliebige interaktive Elemente auf mehreren Plattformen hinzuzufügen. Die Animation ist flüssig und unterstützt benutzerdefinierte Farben, Größen und Dauer, wodurch sie ideal für die Verbesserung der Benutzerreaktion in Apps geeignet ist. Mit minimalem Setup lässt sie sich nahtlos in bestehende Projekte integrieren.

Anwendungsfälle

Berührungsrückmeldung zu Schaltflächen hinzufügen
Verbesserung von Benutzeroberflächen-Interaktionen durch visuelle Effekte
Animierte Hintergründe erstellen
Verbesserung der Benutzerengagement in mobilen Apps
Interaktive Elemente im Web gestalten
Anpassen des Wellen-Aussehens für Branding

Hauptmerkmale

Einfache Einrichtung mit minimalem Code
Unterstützt benutzerdefinierte Farben und Größen
Glatte, leistungsstarke Animationen
Plattformübergreifende Kompatibilität
Konfigurierbare Wellenlänge und Intensität
Einfache API für die Anpassung

Geeignet für

UI/UX-Designer, die auf visuelle Perfektion abzielen
Entwickler interaktiver Apps
Projekte, die subtile Berührungsrückmeldung erfordern
Anwendungen für mehrere Plattformen
Teams, die eine schnelle Implementierung von Animationen wünschen
Kreative Schnittstellen mit dynamischer Rückmeldung

Hinweise

Kann die Leistung beeinträchtigen, wenn übermäßig verwendet
Begrenzte erweiterte Animationssteuerung
Am besten geeignet für kleine Wellenbewegungen
Nicht ideal für komplexe Bewegungsdesigns
Erfordert sorgfältige Farbauswahl für Sichtbarkeit
Abhängig von plattformspezifischen Rendering-Verhalten

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Simple Ripple Animation

This package provide ripple animation widget that can be customised to meet your needs. It's easy to set up and customize, and it looks beautiful in any color you choose.

Features

This package support following parameter and methods.

Parameter

RippleAnimationwidget provide follwoing parameter to config your ripple animation effect.

Parameter defined for RippleAnimation widget:

Name	Type	Description
child	Widget	This child will be placed at center of the animation.
delay	Duration	This will be delay between two ripple wave.
minRadius	double	Minimum radius of the ripple wave.
maxRadius	double	Maximum radius of the ripple wave.
color	Color	Color of the animation.
ripplesCount	int	number of rippleCount in the wave.
duration	Duration	duration of the animation
repeat	bool	Provide true if you want to repeat animation

Getting started

Installing

Add dependencies to pubspec.yaml

Get the latest version in the 'Installing' tab on pub.dev
```
dependencies:
    simple_ripple_animation: <latest-version>
```
Run pub get.
```
flutter pub get
```

Import package.

import 'package:simple_ripple_animation/simple_ripple_animation.dart';

Implementation

Wrap Widget with RippleAnimation and assign needed parameter.

         RippleAnimation(
            child: CircleAvatar(
              minRadius: 75,
              maxRadius: 75,
              backgroundImage: NetworkImage(Constants.avtarUrl),
            ),
            color: Colors.deepOrange,
            delay: const Duration(milliseconds: 300),
            repeat: true,
            minRadius: 75,
            maxRadius: 140,
            ripplesCount: 6,
            duration: const Duration(milliseconds: 6 * 300),
          )