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

ducafecatFlutter エコシステムナビ
パッケージ詳細v1.0.1

customgauge

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

pub.dev API ドキュメント ソースコード
30日間ダウンロード
137
いいね数
17
Pub ポイント
40

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

flutter pub add customgauge

パッケージ概要

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

Flutter用の高度にカスタマイズ可能なゲージウィジェットで、複数のセグメント、動的なカラースキーム、およびゲージ本体とその表示値・テキストのスタイルを完全に調整可能。プロセス、スコア、パーセンテージなどのメトリクスを洗練された、カスタムされた外観で視覚化するのに最適です。柔軟性を重視して設計されており、開発者はアプリ固有のニーズに合わせてセグメント範囲、色、ラベルフォーマットを定義できます。ダッシュボード、ヘルスアプリ、またはアナリティクスインターフェースにシームレスに統合可能です。

用途

  • 進行状況またはパフォーマンスメトリクスの表示
  • カスタムスコアインジケータの作成
  • パーセンテージベースのデータの可視化
  • ダッシュボードウィジェットの構築
  • 分析アプリケーションでのインタラクティブなゲージの設計

主な機能

  • カスタマイズ可能な複数のセグメント
  • 動的カラー設定
  • スタイル可能な値とテキスト表示
  • カスタム範囲およびラベルのサポート
  • 非常に柔軟なレイアウトオプション
  • アニメーションおよびインタラクション用に拡張可能

適している対象

  • データ可視化ダッシュボードを構築する開発者
  • ブランドまたは独自のゲージデザインを必要とするアプリ
  • 進行状況またはステータスインジケーターが必要なプロジェクト
  • 再利用可能でスタイリッシュなコンポーネントを探しているUIデザイナー
  • メトリクス駆動型ユーザーインターフェースを備えたFlutterアプリ

注意事項

  • 必要に応じてアニメーションの手動処理が必要です
  • タッチ操作に対する組み込みサポートが限定的
  • プラットフォーム固有の最適化について言及なし
  • 静的またはシンプルなアニメーション値に最適
  • 複雑なロジックや応答性を実現するには、追加のコードが必要になる場合があります

元の README

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

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

カテゴリー

プロットと可視化

ソースリポジトリ

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

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