搜索插件、代码仓与 APP 分类

插件详情v0.1.0

atomized_image

一个将图像用粒子绘制并动画化以实现原子化效果的组件。

近 30 天下载
50
喜欢数
44
Pub 分数
40

安装插件

flutter pub add atomized_image

插件介绍

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

Atomized Image 是一个 Flutter 小部件,可在渲染图像时创建动态的基于粒子的动画效果。它将图像分解为微小的粒子,这些粒子会崩解或重新组合,提供引人注目的过渡效果。适用于启动屏幕、交互元素或创意用户界面,通过流畅且可自定义的动画提升用户参与度。该包利用 Flutter 的渲染功能,在无需复杂自定义绘图代码的情况下实现高性能效果。

适合场景

  • 启动画面动画
  • 交互式图像过渡
  • 创意应用介绍
  • 手势中的视觉反馈
  • 引人入胜的入门体验

主要特点

  • 基于粒子的图像动画
  • 可定制的粒子大小和行为
  • 平滑的崩解与重组
  • 高性能的Flutter渲染
  • 通过小部件组合轻松集成

适合对象

  • 寻求视觉魅力的设计师
  • 开发引人入胜的用户界面的开发者
  • 具有互动或有趣界面的应用程序
  • 强调动态图形的项目

使用建议

  • 可能会影响低端设备的性能
  • 需要仔细调整粒子参数
  • 仅限图像内容
  • 不适合静态或极简设计
  • 建议谨慎使用,以避免视觉杂乱

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Pub Sponsor me

atomized_image

A widget which paints and animates images with particles to achieve an atomized effect.

Credits to Jason Labbe, for the original sketch from where most of the code of this package is.

Overview

Install

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  atomized_image: <latest_version>

In your library add the following import:

import 'package:atomized_image/atomized_image.dart';

Getting started

Example:

AtomizedImage(
  // Use an ImageProvider to get the image you want to atomize.
  image: NetworkImage('https://pbs.twimg.com/profile_images/653618067084218368/XlQA-oRl_400x400.jpg'),
)

To change the image and animates the particles again, just change the image provider with a new one.

Sponsoring

I'm working on my packages on my free-time, but I don't have as much time as I would. If this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.

Contributions

Feel free to contribute to this project.

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an issue.
If you fixed a bug or implemented a feature, please send a pull request.

所属分类

依赖

依赖清单 1 项

源码仓库

使用此插件的项目

暂无相关数据。