パッケージ、リポジトリ、アプリカテゴリを検索

animated_background のカバー
パッケージ詳細v2.0.0

animated_background

Flutter用のアニメーション背景。キャンバスに何でも描くために簡単に拡張できます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
2370
いいね数
311
Pub ポイント
140

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

flutter pub add animated_background

パッケージ概要

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

カスタムキャンバスペイントを使用してアニメーション背景を作成するためのFlutterパッケージです。開発者が画面の背景に流れるグラデーション、パーティクルシステム、またはカスタムアニメーションなどの動的なビジュアル効果を簡単に実装できるようにします。Canvas APIを使用して独自の描画ロジックを定義できるように拡張性を備えています。最小限のコードでアプリの美しさを高めるのに最適であり、モバイル、ウェブ、デスクトップを含むすべての主要プラットフォームをサポートしています。

用途

  • 没入型のスプラッシュスクリーンを作成する
  • 動的UI背景の追加
  • ゲームやアプリのイントロを強化する
  • 視覚的に豊かなランディングページの設計
  • アニメーショングラデーションオーバーレイの実装

主な機能

  • 拡張可能なキャンバス描画
  • スムーズなアニメーションパフォーマンス
  • クロスプラットフォーム互換性
  • pub を通じたシンプルな統合
  • カスタマイズ可能なアニメーションパターン

適している対象

  • 視覚的な魅力を求めるUIデザイナー
  • 魅力的なオンボーディングフローを構築する開発者
  • 動的な背景ビジュアルを必要とするアプリ
  • クリエイティブなデジタル体験
  • フロントエンド中心のFlutterプロジェクト

注意事項

  • 低性能デバイスでのパフォーマンスに影響を与える可能性があります
  • Canvas 描画についての理解が必要です
  • アニメーションの複雑さはバッテリー消費に影響する
  • 重いリアルタイムレンダリング向けに最適化されていない
  • 基本的なエフェクト以外の組み込みプリセットは限定的

元の README

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

Animated Backgrounds for Flutter

pub package

Animated Backgrounds for Flutter. Easily extended to paint whatever you want on the canvas.

Screenshot Screenshot

Note: These examples are laggy because they were recorded from the emulator. Other examples available in the screenshots folder.

How to use

In your pubspec.yaml:

dependencies:
  animated_background: ^1.0.5

In your Dart file:

import 'package:animated_background/animated_background.dart';

Use in a Stateful Widget with mixin TickerProviderStateMixin or pass a ticker provider in vsync.

AnimatedBackground(
  behaviour: RandomParticleBehaviour(),
  vsync: this,
  child: Text('Hello'),
);

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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