Paketdetailsv1.5.3

croppy

Ein vollständig anpassbarer Bildschneider für Flutter. Mobile-first, unterstützt aber auch Web- und Desktop-Plattformen.

Web

pub.dev API-Dokumentation Quellcode

30-Tage-Downloads: 9730
Likes: 144
Pub-Punkte: 150

Paket installieren

flutter pub add croppy

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Croppy ist ein vollständig anpassbarer Bildschneider für Flutter, der mit einem mobilen Erstansatz konzipiert wurde und zudem Web- und Desktop-Plattformen unterstützt. Es bietet eine nahtlose Erfahrung beim Zuschneiden von Bildern mit intuitiven Gesten und flexiblen Konfigurationsoptionen. Für Entwickler, die präzise Kontrolle über die Ausschnitt-Schnittstelle benötigen, ermöglicht Croppy die Anpassung von Seitenverhältnissen, Ausschnittgrenzen und Benutzeroberflächenelementen. Sein leichtgewichtiges und reaktives Design sorgt für flüssige Leistung auf allen Geräten.

Anwendungsfälle

Bildbearbeitung in mobilen Apps
Webbasierte Bildschneide-Tools
Desktop-Bildverarbeitungsworkflows
Anpassbare Benutzeroberflächen für das Ausschneiden
Integration der Bildbeschneidung in Media-Upload-Flows

Hauptmerkmale

Völlig anpassbare Ausschnittfläche
Unterstützung für mehrere Plattformen (Web, Mobil, Desktop)
Gestenbasierte Crop-Steuerelemente
Konfigurierbare Seitenverhältnisse
Reaktive und adaptive Benutzeroberfläche
Erweiterbare Stiloptionen

Geeignet für

Entwickler, die medienreiche Anwendungen erstellen
Apps, die erweiterte Bildmanipulation erfordern
Plattformübergreifende Bildschneidungslösungen
Teams prioritizing user experience in image editing
Projekte, die leichte, leistungsstarke Ausschnittkomponenten benötigen

Hinweise

Erfordert zusätzliche Einrichtung für nicht-mobile Plattformen
Begrenzte integrierte Voreinstellungen für Ausschnittformen
Möglicherweise sind benutzerdefinierte Stile für eine markengerechte Benutzeroberfläche erforderlich
Nicht für die Verarbeitung hochauflösender Bilder im großen Maßstab optimiert
Abhängig von plattformspezifischen Rendering-Verhalten

Original-README

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

croppy

A fully customizable image cropper for Flutter, with built-in Material and Cupertino croppers.

Check out the example at https://kekland.github.io/croppy.

Supported platforms:

Android
iOS
Windows
Linux (untested, but should work)
macOS
Web (uses Dart's Cassowary instead of FFI because there's no FFI support in web)

NOTE: see https://github.com/kekland/croppy/issues/38. Currently I'm very busy with other projects so support might be limited.

Features

Material image cropper (similar to Google Photos)
iOS Photos app-like image cropper
Support for any linear transformations on the image: scaling, rotating, skewing, flipping, etc
Completely customizable (will create documentation with later releases)
Fixed aspect ratios
Custom cropping shapes
Kickass animations
Localization

In progress:

Image editing module (?) (brightness, contrast, etc)

Getting started

Install croppy from pub:

dependencies:
  croppy: <latest_version>

Enjoy using it :)

Usage

Currently croppy supports a Material (Google Photos-like) and a Cupertino (iOS Photos-like) image croppers:

final result = await showAdaptiveImageCropper(
    context,
    imageProvider: const NetworkImage('MY_IMAGE_URL'), // Or any other image provider
);

final result = await showMaterialImageCropper(
  context,
  imageProvider: const NetworkImage('MY_IMAGE_URL'), // Or any other image provider
);

final result = await showCupertinoImageCropper(
  context,
  imageProvider: const NetworkImage('MY_IMAGE_URL'), // Or any other image provider
);

Voilà! You can now start cropping images.

For a complete runnable example, see ./example. For the full in-depth documentation, including customization, see the documentation.

Localization

croppy currently supports the following languages:

English
Kazakh
Russian
Arabic (thanks @Milad-Akarie)
Vietnamese (thanks @ptanhVNU)
Portuguese (thanks @JCKodel)
Spanish (thanks @Thesergiolg99)
Chinese (thanks @yohom and @zhushenwudi)
Hebrew (thanks @kfiross)
German (thanks @jkoenig134)
Persian (thanks @mdpe-ir)
Turkish (thanks @BayramYARIM)
Polish (thanks @mekkolodziejski)
Romanian (thanks @AdrianSima)
Kyrgyz (thanks @warioddly)

If there's a language that you would like to add, please see the localization guide.

It's recommended to insert the CroppyLocalizations.delegate in your MaterialApp or CupertinoApp:

MaterialApp(
  localizationsDelegates: [
    CroppyLocalizations.delegate, // <- This here
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  ...
)