icons_animate

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das icons_animate-Paket ermöglicht Entwicklern, flüssige Animationen zwischen zwei statischen Symbolen in Flutter-Anwendungen zu erstellen. Mit dem AnimatedIcon-Widget können Benutzer nahtlos von einem Symbol zum anderen übergehen und die Interaktivität der Benutzeroberfläche verbessern. Es unterstützt alle wichtigen Plattformen wie Android, iOS, Web, macOS, Windows und Linux und ist daher äußerst vielseitig für plattformübergreifende Entwicklung. Das Paket ist leichtgewichtig und lässt sich einfach über einen einfachen pub add-Befehl in bestehende Flutter-Projekte integrieren.

Anwendungsfälle

Animierte Icon-Übergänge in Schaltflächen
Interaktive Benutzeroberflächenelemente
Ladezustandsanzeiger
Animationen umschalten
Visuelle Rückmeldung für Aktionen

Hauptmerkmale

Glatte Animation von Symbol zu Symbol
Plattformübergreifende Unterstützung
Einfache Integration mit Flutter
Benutzerdefinierbare Animationsdauer
Eingebaute Icon-Paare

Geeignet für

UI-Designer, die dynamische Visuals suchen
Entwickler interaktiver Apps
Projekte, die subtile Animationen erfordern
Plattformübergreifende mobile und Web-Anwendungen
Verbesserung der Benutzererfahrung durch Mikrointeraktionen

Hinweise

Beschränkt auf vordefinierte Icon-Paare
Erfordert sorgfältige Leistungsoptimierung auf Geräten mit geringer Leistungsfähigkeit
Die Komplexität der Animation kann die Reaktionsfähigkeit beeinflussen
Nicht geeignet für komplexe benutzerdefinierte Animationen
Abhängig von der Stabilität des Animation-Frameworks von Flutter

Original-README

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

Icons Animate

This is a Flutter package to make a custom AnimatedIcon from two Icons.
This package is born to make AnimatedIcons easily available for any Icon and not only the few default ones

Features

Here are some examples of animated icons.

Note that you can provide any Icon that is of type IconData to the animator

You can see an example of some icons being animated in the Sample Project

Getting started

To install the package just do:

flutter pub add icons_animate
flutter pub get

OR add the dependency manually to your pubspec.yaml file:

dependencies:
  icons_animate: ^0.0.2

Then depend on it in your class:

import 'package:icons_animate/icons_animate.dart';

Usage

Here is a simple implementation:

AnimateIcons(
    startIcon: Icons.add_circle,
    endIcon: Icons.add_circle_outline,
    size: 100.0,
    controller: controller,
    startTooltip: 'Icons.add_circle',
    endTooltip: 'Icons.add_circle_outline',
    // add this for splashColor, default is Colors.transparent means no click effect
    splashColor: Colors.blueAccent.shade100.withAlpha(50),
    // add this to specify a custom splashRadius
    // default is Material.defaultSplashRadius (35)
    splashRadius: 24,
    onStartIconPress: () {
        print("Clicked on Add Icon");
        return true;
    },
    onEndIconPress: () {
        print("Clicked on Close Icon");
        return true;
    },
    duration: Duration(milliseconds: 500),
    startIconColor: Colors.deepPurple,
    endIconColor: Colors.deepOrange,
    clockwise: false,
),

See Example Code for more info.

Issues & Feedback

Please file an issue to send feedback or report a bug, If you want to ask a question or suggest an idea then you can open an discussion. Thank you!

Contributing

Every PR is welcome.

Pakete, Repositories und App-Kategorien suchen

Paket installieren