Pakete, Repositories und App-Kategorien suchen

Paketdetailsv1.0.5

animated_cursor

Animierter Cursor, der die Benutzeroberflächeninteraktionen verbessern soll

AndroidiOSWebmacOSWindowsLinux
30-Tage-Downloads
75
Likes
33
Pub-Punkte
160

Paket installieren

flutter pub add animated_cursor

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Animated Cursor ist ein Flutter-Paket, das die Benutzeroberflächeninteraktionen durch anpassbare animierte Cursor auf mehreren Plattformen verbessert. Es ermöglicht Entwicklern, dynamische Cursor-Effekte wie Spuren, Formen oder Animationen zu erstellen, wodurch visuelles Feedback und Engagement gesteigert werden. Das Paket unterstützt Desktop-Plattformen (Windows, Linux, macOS) und mobile Geräte (Android, iOS), was es ideal für immersive UI-Erfahrungen macht. Durch einfache Integration über pub add ermöglicht es reibungslose, leistungsstarke Cursor-Animationen ohne komplizierte Einrichtung. Perfekt für Spiele, kreative Apps oder interaktive Dashboards.

Anwendungsfälle

  • Interaktive Benutzeroberflächen
  • Spieldesign
  • Kreative Anwendungen
  • Dashboard-Oberflächen
  • visuelle Feedback-Systeme

Hauptmerkmale

  • Anpassbare Cursor-Animationen
  • Plattformübergreifende Unterstützung
  • Glatte Leistung
  • Einfache Integration
  • Verlaufseffekte
  • reaktives Design

Geeignet für

  • UI/UX-Designer
  • Game-Entwickler
  • Interaktive App-Ersteller
  • Desktop-Anwendungs-Baukästen
  • Kreative Programmierprojekte

Hinweise

  • Leistung auf Low-End-Geräten
  • Eingeschränkte Anpassungsmöglichkeiten im Web
  • Erfordert plattformspezifische Tests
  • Kann den Zugang für alle Bedürfnisse nicht erfüllen
  • Mögliche Übernutzung bei minimalen Designs

Original-README

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

Alt Text

View on GitHub View on GitHub View on Linkedin View on Github

Preview

Alt Text

Animated Cursor Package

Welcome to the Animated Cursor package for Flutter! This package provides a customizable animated cursor widget that you can easily integrate into your Flutter projects.

Installing

Add dependency to pubspec.yaml To use the latest version of animated_cursor, add the following line to your pubspec.yamlfile:

dependencies:
  animated_cursor: ^1.0.5

Install it You can install packages from the command line: with Flutter:

$ flutter pub get

Import the package

import 'package:animated_cursor/animated_cursor.dart';

Usage

AnimatedCursor
(
circleColor: Colors.red,
dotColor: Colors.red,
backgroundColor: Colors.black,
borderWidth: 2,
child: Container(color: Colors.black)
);

Properties of Animated Cursor:

Name Type Default Behaviour Description
child Widget The child widget beneath the animated cursor.
cursor MouseCursor? SystemMouseCursors.basic The cursor to be displayed when the mouse is over the child widget
circleColor Color? Color(0xFF4CAF50) Color of the animated circle.
dotColor Color? Color(0xFF4CAF50) Color of the animated dot.
backgroundColor Color? Colors.transparent Background color of the cursor.
circleDuration Duration? 100 Duration of the animated circle's appearance.
dotDuration Duration? 350 Duration of the animated dot's appearance.
borderWidth double? 1 Width of the cursor's border.
shape CursorShape? BoxShape.circle Shape of the cursor (Circle or Rectangle).
borderRadius BorderRadius? 100 Border radius for the cursor (applicable when shape is set to Rectangle).

Example

import 'package:animated_cursor/animated_cursor.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Animated Cursor',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.red,
      ),
      home: AnimatedCursor(
        // cursor: SystemMouseCursors.alias,
        circleColor: Colors.red,
        dotColor: Colors.red,
        backgroundColor: Colors.black,
        borderWidth: 1,
        child: Container(color: Colors.black),
      ),
    );
  }
}

Additional Information

👍 If you appreciate our solution's value and positive impact on your project,✨ show your support with a thumbs up! 🌟 Your feedback fuels our commitment to excellence.💫 Thank you for choosing us!

-Darshak Desai

Kategorien

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.