搜索插件、代码仓与 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

所属分类

源码仓库

使用此插件的项目

暂无相关数据。