Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv1.0.1

customgauge

Vollständig anpassbarer Gauge-Widget für Flutter mit Optionen für mehrere Segmente, Farben und anpassbare Stilisierung zur Anzeige des aktuellen Werts und Textes

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
137
Likes
17
Pub-Punkte
40

Paket installieren

flutter pub add customgauge

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein hochgradig anpassbarer Gauge-Widget für Flutter, der mehrere Segmente, dynamische Farbschemata und vollständig anpassbare Stile sowohl für den Gauge selbst als auch für seinen angezeigten Wert und Text unterstützt. Ideal zur Visualisierung von Metriken wie Fortschritt, Punktzahlen oder Prozentsätzen mit einem professionellen, maßgeschneiderten Aussehen. Der Widget ist für Flexibilität konzipiert und ermöglicht Entwicklern die Definition von Segmentbereichen, Farben und Labelformaten, um den Anforderungen der jeweiligen App gerecht zu werden. Er integriert sich nahtlos in Dashboards, Gesundheits-Apps oder Analyse-Oberflächen.

Anwendungsfälle

  • Anzeigen von Fortschritts- oder Leistungsindikatoren
  • Benutzerdefinierte Bewertungsindikatoren erstellen
  • Visualisierung von prozentbasierten Daten
  • Dashboard-Widgets erstellen
  • Interaktive Messgeräte in Analyse-Apps gestalten

Hauptmerkmale

  • Mehrere anpassbare Segmente
  • Dynamische Farbeinstellung
  • Stilisierbarer Wert und Textanzeige
  • Unterstützung für benutzerdefinierte Bereiche und Beschriftungen
  • Sehr flexible Layout-Optionen
  • Erweiterbar für Animationen und Interaktionen

Geeignet für

  • Entwickler, die Datenvisualisierungs-Dashboards erstellen
  • Apps, die brandbezogene oder einzigartige Gauge-Designs erfordern
  • Projekte, die Fortschritts- oder Statusindikatoren benötigen
  • UI-Designer, die wiederverwendbare, stilisierte Komponenten suchen
  • Flutter-Apps mit metrikbasierten Benutzeroberflächen

Hinweise

  • Bei Bedarf erfordert es eine manuelle Behandlung der Animation
  • Eingeschränkter integrierter Support für Touch-Interaktionen
  • Keine plattformspezifischen Optimierungen erwähnt
  • Am besten geeignet für statische oder einfache animierte Werte
  • Kann zusätzlicher Code für komplexe Logik oder Reaktionsfähigkeit erforderlich sein

Original-README

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

customgauge

Fully customizable Gauge widget for Flutter

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  customgauge: 1.0.0

Example Usage:

import 'package:customgauge/customgauge.dart';

CustomGauge(
    gaugeSize: 200,
    segments: [
        GaugeSegment('Low', 20, Colors.red),
        GaugeSegment('Medium', 40, Colors.orange),
        GaugeSegment('High', 40, Colors.green),
    ],
    currentValue: 46,
    displayWidget: Text('Fuel in tank', style: TextStyle(fontSize: 12)),
),

Features:

  • Fully featured Gauge widget that is built from scratch
  • Can have any number of segments in the Gauge with different segment length and colors
  • Gauge can have any dimension (square dimension only) with any minimum and maximum value
  • Needle color can be customized
  • Display and Value widget can be customized, so that you can display what you want on the Gauge
  • Can turn on/off markers that display Min and Max value on the Gauge. You can even style these markers!

License:

This project is licensed under the BSD 2-Clause license - see the LICENSE file for details

Kategorien

Diagramme und Visualisierung

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.