v0.2.0+2animated_clipper
使用動畫裁剪器裁剪您的組件。包含一系列 PathBuilders 和輔助組件。
111喜歡 12近 30 天下載160Pub 分數
AndroidiOSWebmacOSWindowsLinux
Flutter 插件。使用動畫裁剪器裁剪您的組件。包含一組 PathBuilders 和輔助組件。
{"sdk":"flutter"}{"sdk":"flutter"}以下為英文專案原文快照,最新內容請造訪 GitHub。
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)
The example project demonstrates the main widgets
demo
The BEAST app uses animated_clipper for its "todo" screen
demo
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 |