intervalprogressbar

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das eine anpassbare Intervall-Fortschrittsleiste bietet, die sowohl horizontale als auch vertikale Ausrichtung unterstützt. Es verfügt über lebendige Farben und die Möglichkeit, mehrere Fortschrittsintervalle anzuzeigen, was es ideal für die Visualisierung segmentierter Fortschritte oder zeitbasierte Aufgaben macht. Die Fortschrittsleiste ist intuitiv und visuell ansprechend gestaltet und eignet sich für Anwendungen, die dynamische Fortschrittsrückmeldungen erfordern. Sie integriert sich nahtlos in das Widget-System von Flutter und ist mit minimaler Konfiguration einfach zu implementieren.

Anwendungsfälle

Segmentierter Fortschritt in Apps visualisieren
Anzeige zeitbasierter Intervalle
Verbesserung der Benutzerfeedbacks in Ladebildschirmen
Animierte Fortschrittsanzeiger erstellen
Anzeigen der mehrstufigen Aufgabenabwicklung

Hauptmerkmale

Unterstützung für horizontale und vertikale Ausrichtung
Buntes und anpassbares Erscheinungsbild
Unterstützung für mehrere Fortschrittsintervalle
Einfache Integration mit Flutter
Glatte Animationsübergänge

Geeignet für

Entwickler, die Aufgabenverfolgungs-Apps erstellen
Designer, die ansprechende UI-Elemente suchen
Apps, die eine zeitbasierte Fortschrittsvisualisierung erfordern
Projekte mit mehrstufigen Prozessen

Hinweise

Begrenzte plattformspezifische Anpassung
Keine integrierte Unterstützung für barrierefreie Funktionen
Kann zusätzliche Stilisierung für komplexe Layouts erfordern
Nicht für sehr hohe Aktualisierungshäufigkeiten optimiert

Original-README

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

An interval progress widget for Flutter.

Preview

v1	v2

Depend on it

https://pub.dev/packages/intervalprogressbar

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

dependencies:
  intervalprogressbar: ^{last_version}

Features

Horizontal
Vertical
Circle
Interval Progress
Colorful

Getting Started

Usage

Widget buildHorizontal() => IntervalProgressBar(
    direction: IntervalProgressDirection.horizontal,
    max: 30,
    progress: 10,
    intervalSize: 2,
    size: Size(400, 10),
    highlightColor: Colors.red,
    defaultColor: Colors.grey,
    intervalColor: Colors.transparent,
    intervalHighlightColor: Colors.transparent,
    reverse: true,
    radius: 0);

Widget buildVertical() => Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [10, 29, 18, 27, 16, 15, 24, 3, 20, 10].map<Widget>((i) {
      return Padding(
          padding: EdgeInsets.only(right: 10),
          child: IntervalProgressBar(
              direction: IntervalProgressDirection.vertical,
              max: 30,
              progress: i,
              intervalSize: 2,
              size: Size(12, 200),
              highlightColor: Colors.red,
              defaultColor: Colors.grey,
              intervalColor: Colors.transparent,
              intervalHighlightColor: Colors.transparent,
              reverse: true,
              radius: 0));
    }).toList());

Widget buildCircle() => IntervalProgressBar(
      direction: IntervalProgressDirection.circle,
      max: 30,
      progress: 10,
      intervalSize: 2,
      size: Size(200, 200),
      highlightColor: Colors.red,
      defaultColor: Colors.grey,
      intervalColor: Colors.transparent,
      intervalHighlightColor: Colors.transparent,
      reverse: true,
      radius: 0,
      intervalDegrees: 5,
      strokeWith: 5,
    );

Property

Property	type	note
direction	`enum`	ProgressBar's direction, support `vertical` and `horizontal`
max	`int`	count of default blocks
progress	`int`	count of highlight blocks
intervalSize	`int`	size of interval blocks. when `vertical` direction, means height, when `horizontal` direction, means width
size	`Size`	size of this widget
highlightColor	`Color`	color of highlight blocks
defaultColor	`Color`	color of default blocks
intervalColor	`Color`	color of default intervals
intervalHighlightColor	`Color`	color of intervals which between highlight blocks
reverse	`bool`
radius	`int`
intervalDegrees	`double`	support for circle progress
strokeWith	`int`	support for circle progress

Pakete, Repositories und App-Kategorien suchen