polygon_clipper

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Plugin, das es Widgets ermöglicht, in benutzerdefinierte Polygonformen zu schneiden. Es erlaubt Entwicklern, jedes Widget in eine polygonale Form zu verwandeln und bietet kreative Gestaltungsmöglichkeiten. Das Paket ist einfach zu verwenden und funktioniert nahtlos mit jedem Widget-Typ, was es ideal für einzigartige UI-Layouts und visuelle Effekte macht. Es unterstützt dynamische Formanpassungen und integriert sich reibungslos in die Flutter-Rendervorgänge.

Anwendungsfälle

Benutzerdefinierte UI-Elemente erstellen
Interaktive polygonale Schaltflächen gestalten
Visuell einzigartige Kartenlayouts erstellen
Geometrische Animationen implementieren
Verbesserung der App-Branding durch einzigartige Formen

Hauptmerkmale

Unterstützt jedes Widget als Eingabe
Dynamische Anpassung der Polygonform
Einfache API-Integration
Funktioniert auf allen Flutter-Plattformen
Effiziente Rendering-Leistung

Geeignet für

UI-Designer, die kreative Layouts suchen
Entwickler, die Spiele oder interaktive Apps erstellen
Apps mit einzigartiger visueller Identität
Prototyping experimenteller Schnittstellen
Projekte mit geometrischen Gestaltungsthemen

Hinweise

Kann die Leistung bei komplexen Polygonen beeinträchtigen
Erfordert sorgfältige Behandlung der Ausschnittgrenzen
Nicht für sehr große oder animierte Polygone optimiert
Beschränkte Dokumentation über die grundlegende Verwendung hinaus
Am besten geeignet für statische oder geringe Formänderungen

Original-README

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

flutter_polygon

A Flutter plugin to create views using regular polygon shapes (e.g. Pentagons and Hexagons).

Based on the polygon_clipper package by leonardocaldas.

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_polygon: ^0.2.0

Usage

Clipping

Use the ClipPolygon widget to clip a child widget.

import 'package:flutter_polygon/flutter_polygon.dart';

ClipPolygon(  
 sides: 6, 
 borderRadius: 5.0,     // Defaults to 0.0 degrees
 rotate: 90.0,          // Defaults to 0.0 degrees
 boxShadows: [  
  PolygonBoxShadow(color: Colors.black, elevation: 1.0),
  PolygonBoxShadow(color: Colors.grey, elevation: 5.0)
 ],
 child: Container(color: Colors.black),
);

Borders

Use the PolygonBorder shape with your favorites widgets!

import 'package:flutter_polygon/flutter_polygon.dart';

FloatingActionButton(
  shape: PolygonBorder(
    sides: 6,
    borderRadius: 5.0,                                      // Defaults to 0.0 degrees
    rotate: 30.0,                                           // Defaults to 0.0 degrees
    border: BorderSide(color: Colors.red, width: 2.0),      // Defaults to BorderSide.none
  ),
  onPressed: () {},
  child: Icon(Icons.star),
),

Other widgets:

TextButton, ElevatedButton, ...
Container
Chip
...

Contributing

If you find an issue with this package, please open an issue on github.

If you wish to contribute to this project, I encourage you to open a pull request.

Credit

Based on the polygon_clipper package by leonardocaldas.

Pakete, Repositories und App-Kategorien suchen

Paket installieren