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

rainbow_color 封面
套件詳情v2.0.1

rainbow_color

簡化多色插值。將數值域對應到平滑過渡的顏色範圍。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
2420
喜歡數
35
Pub 分數
150

安裝套件

flutter pub add rainbow_color

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

RainbowColor 是一個 Flutter/Dart 套件,透過將數值範圍對應至平滑且視覺上吸引人的色彩漸層,簡化多色插值。它讓開發者能根據輸入值產生無縫的多種顏色過渡,非常適合資料視覺化、進度指示器與動態 UI 元件。此套件支援所有主要平台,並可輕鬆整合至現有的 Flutter 專案中。僅需最少設定,即可提供一致且高品質的色彩過渡,無需複雜的自訂邏輯。

適用情境

  • 數據可視化
  • 進度指示器
  • 動態 UI 主題
  • 漸變動畫
  • 互動式圖表

主要特色

  • 平滑的多色漸變
  • 簡單 API
  • 跨平台支援
  • 可自訂顏色範圍
  • 自動漸變生成

適合對象

  • UI設計師
  • 數據可視化應用
  • 動畫介面
  • 教育工具
  • 遊戲化應用

使用建議

  • 限制為線性顏色過渡
  • 需要理解顏色域
  • 未針對即時高頻率更新進行優化
  • 無內建色彩調色盤預設
  • 取決於輸入值範圍精度

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

rainbow_color

Pub Travis

RainbowColor simplifies interpolation a numerical domain onto a multi-color range. RainbowColor accepts a numerical domain (i.e. a start and end number) and a spectrum of two or more colors, and offers the list access operator ([]) for interpolation.

This package also provides RainbowColorTween, a multi-color variant of the standard ColorTween, eliminating the need to build more complex TweenSequence for equal-weight transitions.

Usage

To interpolate a color among the spectrum, use the list access operator, e.g.

import 'package:rainbow_color/rainbow_color.dart';

var rb = Rainbow(spectrum: [Color(0xFFFF0000), Color(0xFFFFFFFF), Color(0xff00ff00)],
                 rangeStart: -10,
                 rangeEnd: 10);
Color warmColor = rb[-9.32];
Color coldColor = rb[8.44];

Or use RainbowColorTween in place of ColorTween to interpolate among multiple colors instead of two.

@override
  void initState() {
    super.initState();
    _controller = AnimationController(duration: widget.duration, vsync: this);
    _clAnim = RainbowColorTween([Color(0x33FFAAAA),
                                 Color(0x33000000),
                                 Color(0x00000000)]).animate(_controller)
                                                    ..addListener(() { 
                                                         setState(() {}); 
                                                    });
}

See Also

This is a Flutter-oriented version of the vanilla Dart package rainbow_vis.

所屬分類

依賴

依賴清單 1 項

  • rainbow_vis^2.0.0

原始碼儲存庫

使用此套件的專案