搜尋套件、儲存庫與 APP 分類

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 等所有主要平台運作。透過直覺的設定,它能提升使用者介面,提供清晰且視覺上吸引人的數值資料呈現。

適用情境

  • 儀表板小部件
  • 效能監控
  • 進度指示器
  • 應用中的資料可視化
  • 自定義儀表板顯示

主要特色

  • 多段支援
  • 可自訂顏色
  • 值與文字的樣式
  • 響應式設計
  • 跨平台相容性
  • 透過 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。