カテゴリー・パッケージ・リポジトリを検索

hue_rotation のカバー
パッケージ詳細v2.0.1

hue_rotation

色を持つ任意のウィジェットの色を変更します。SwiftUI の Hue Rotation に似ています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
428
いいね数
29
Pub ポイント
160

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

flutter pub add hue_rotation

パッケージ概要

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

hue_rotation パッケージは、SwiftUI の Hue Rotation エフェクトに似たように、任意のカラーディスプレイを持つウィジェットの色相を動的に調整できるようにします。色相値を回転させることで色を簡単に変更でき、元の色定義を変更せずにトーンや色のシフトなどの視覚効果を実現できます。これは、複数のプラットフォーム上でFlutterアプリに動的なテーマやインタラクティブな色調整、アニメーション色遷移を作成する際に特に役立ちます。

用途

  • ダイナミックカラー効果の適用
  • テーマ付きUIの作成
  • カラートランジションのアニメーション
  • カラーフィルターの実装
  • ウィジェットの外観のカスタマイズ
  • 視覚的フィードバックの強化

主な機能

  • トーン回転変換
  • すべてのFlutterプラットフォームをサポート
  • 既存のウィジェットとの簡単な統合
  • 外部資産への依存なし
  • 最小限のボイラープレートが必要
  • 任意のカラーベースのウィジェットと互換性があります

適している対象

  • 視覚的なバリエーションを求めるUIデザイナー
  • インタラクティブなカラーツールを開発する開発者
  • 動的テーマを必要とするアプリ
  • 色彩理論に関する教育プロジェクト
  • カラフルなインターフェースのプロトタイピング

注意事項

  • 色相の操作のみに制限
  • 彩度や明るさに影響しません
  • 大きなウィジェットツリーでのパフォーマンステストが必要になる場合があります
  • 非必須の装飾要素と併用するのが最適です
  • 色相を超える正確な色の制御には適していません

元の README

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

Getting Started

Installation

Example Code

About

  • This widget performs a hue rotation on the child's color:
  • Degrees defines the number of degrees around the color circle the color will be adjusted.
  • A value of 0 leaves the color unchanged.
  • A value of 180 paints the complementary color.
  • The manipulated color in the example is Colors.blue.

HueRotation in Action

Screenrecording Screenrecording

Todo

  • Add feature requests
  • Merge your pull requests

カテゴリー

ソースリポジトリ

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

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