パッケージ、リポジトリ、アプリカテゴリを検索

pretty_gauge のカバー
パッケージ詳細v1.0.1

pretty_gauge

Flutter用に完全にカスタマイズ可能なゲージウィジェット。複数のセグメント、色、現在値とテキストを表示するためのカスタマイズ可能なスタイルが利用可能

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
3680
いいね数
22
Pub ポイント
150

パッケージをインストール

flutter pub add pretty_gauge

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Pretty Gauge は、複数のセグメント、動的なカラーリング、豊富なスタイリングオプションをサポートするガージーを通じてデータを可視化することを目的とした、非常にカスタマイズ可能な Flutter ウィジェットです。開発者が現在の値とカスタムテキストを正確に表示できるため、ダッシュボード、パフォーマンスインジケーター、またはプログレストラッキングに最適です。このウィジェットは完全に応答性があり、Android、iOS、Web、macOS、Windows、Linux などのすべての主要プラットフォームで動作します。直感的な設定により、UI を強化し、明確で視覚的に魅力的な数値データの表現を提供します。

用途

  • ダッシュボードウィジェット
  • パフォーマンス監視
  • 進行状況インジケーター
  • アプリ内のデータ可視化
  • カスタムメーター表示

主な機能

  • 複数セグメント対応
  • カスタマイズ可能な色
  • 値およびテキストのスタイル
  • レスポンシブデザイン
  • クロスプラットフォーム互換性
  • pub を通じた簡単な統合

適している対象

  • ダッシュボードを開発する開発者
  • 視覚的なメトリクスが必要なUIデザイナー
  • 進行状況の可視化を必要とするアプリ
  • クロスプラットフォームアプリケーション
  • カスタムゲージコンポーネント

注意事項

  • Flutter レイアウトの理解が必要です
  • 複雑なセグメントロジック用に調整が必要になる場合があります
  • 限定された組み込みアニメーション
  • 静的または滑らかに変化する値に最適

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

pretty_gauge

Fully customizable Gauge widget for Flutter

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  pretty_gauge: 1.0.0

Example Usage:

import 'package:pretty_gauge/pretty_gauge.dart';

PrettyGauge(
    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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。