live_background

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

LiveBackground 是一个 Flutter 包，可为您的应用背景添加动态、移动的粒子光斑效果，创造出视觉上引人入胜且沉浸式的体验。它利用流畅的动画和可自定义的渐变来模拟深度和运动，非常适合现代用户界面。该包支持 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 分类

安装插件