live_background

套件介紹

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

LiveBackground 是一個 Flutter 套件，可為您的應用程式背景增添動態、移動的粒子光暈效果，創造出視覺上吸引人且沉浸式的體驗。它利用流暢的動畫和可自訂的漸層來模擬深度與運動，非常適合現代 UI。此套件支援多個平台，包括 Android、iOS、Web、macOS、Windows 和 Linux，確保在各類裝置上都能保持一致的效能。透過 pub 命令進行最少設定，開發者可輕鬆將逼真背景整合至其應用程式中。

適用情境

建立沉浸式啟動畫面
增強儀表板視覺效果
為著陸頁增加深度
設計動畫引導體驗
提升應用的美學吸引力

主要特色

即時粒子運動
可自訂的背景虛化強度
跨平台相容性
平滑的漸變過渡
輕量且高效
與 Flutter 小部件的輕鬆整合

適合對象

尋求視覺魅力的UI設計師
開發現代移動或Web應用的開發者
需要引人入勝的背景動畫的應用程式
創意數位體驗
原型設計互動式介面

使用建議

可能影響低階裝置的效能
需要仔細調整才能獲得最佳幀率
不建議用於內容密集的版面
最佳搭配柔和的色彩方案使用
對單個粒子的控制有限

原始 README

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

Welcome to Live Background 👋

Provide nice moving wall paper on your background.

title

This repository is inspired by miickel/flutter_particle_clock.

And the code of this repository is based on miickel/flutter_particle_clock

Install

Add live_background dependency on your pubspec.yaml file

live_background: ^{latest version}

Show Case

Christmas

Happy New Year

happy

Change Particle Count

https://user-images.githubusercontent.com/7719604/207383901-491692c5-52c8-4429-8c80-0f1380ede8d3.mp4

Change Particle's velocity

https://user-images.githubusercontent.com/7719604/207384180-10b8c128-e15a-492b-831a-b3b7025bad60.mp4

Change Particle's min/max size

https://user-images.githubusercontent.com/7719604/207384463-5e63c237-8b0b-486f-bc3d-fe562d0119e8.mp4

Usage

Add LiveBackgroundWidget() where you want

import 'package:live_background/live_background.dart';

Stack(children: [LiveBackgroundWidget(), AnyWidget()])

You can use initial values to change the effect

//for example
LiveBackgroundWidget(
   palette: Palette(colors: [Colors.red, Colors.green]),
   velocityX: 2.5,
   velocityY: 0,
   particleMinSize: 10,
   particleMaxSize: 30,
   particleCount: 250,
   blurSigmaX: 3,
   blurSigmaY: 4.5,
   clipBoundary: true //default value is true
)

You can change values dynamically using LiveBackgroundController.

 final liveBackgroundController = LiveBackgroundController();

LiveBackgroundWidget(
  controller: liveBackgroundController,
  palette: _palette,
)

liveBackgroundController.setParticleCount(400);
liveBackgroundController.setVelocity(2.0, 10.5);
liveBackgroundController.setParticleSize(10, 30);
liveBackgroundController.setPalette(Palette(colors: [Colors.yellow, Colors.white]))

Author

👤 Bansook Nam

Website: https://github.com/bansooknam
Github: @bansooknam

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page. You can also take a look at the [contributing guide](Contributions, issues and feature requests are welcome.).

Show your support

Give a ⭐️ if this project helped you!

📝 License

This project is MIT licensed.

This README was generated with ❤️ by readme-md-generator

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

安裝套件