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