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

套件詳情v1.0.1

customgauge

適用於 Flutter 的完全可自訂儀表板小部件,支援多個區段、顏色以及用於顯示目前值和文字的可自訂樣式

近 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。