FLUTTER ECOSYSTEM

flowmobile/animated_clipper

Flutter 插件。使用动画裁剪器裁剪您的小部件。包含一组 PathBuilders 和辅助小部件。

animated_clipper 项目封面
Stars
7
Forks
2
最近推送(UTC)
2021年6月22日
项目状态
未归档
Flow Mobile GitHub avatar
GITHUB Organization

Flow Mobile ↗

语言DartSwiftKotlinObjective-C

技术话题

此仓库发布的插件

使用的依赖

依赖清单 2 项
  • flutter{"sdk":"flutter"}
  • flutter_test开发依赖{"sdk":"flutter"}

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

展开 / 收起项目 README

animated_clipper

Clip your widgets with Animated Clippers.

Reveal widgets with AnimatedClipReveal.

Animate between two widgets with AnimatedCrossClip.

Interactively switch between two widgets with ClipSwitch.

Use ClipPathTransition if you want to use an AnimationController.

A collection of PathBuilders are bundled for rendering (see below)

Example

The example project demonstrates the main widgets

demo

Live Demo

The BEAST app uses animated_clipper for its "todo" screen

demo

PathBuilders

There are a number of PathBuilder classes inclded. Or you can roll your own.

Demo PathBuilder Demo PathBuilder
https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideUp.gif slideUp https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideDown.gif slideDown
https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideLeft.gif slideLeft https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/slideRight.gif slideRight
https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitVerticalIn.gif splitVerticalIn https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitVerticalOut.gif splitVerticalOut
https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitHorizontalIn.gif splitHorizontalIn https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/splitHorizontalOut.gif splitHorizontalOut
https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/circleIn.gif circleIn https://raw.githubusercontent.com/flowmobile/animated_clipper/master/gifs/circleOut.gif circleOut