wobbly 0.1.1

wobbly 0.1.1

Sagaya Abdulhafeez 维护。



wobbly 0.1.1

wobbly

CI Status Version License Platform

Screenshot

查看Wobbly的实际应用

只需添加水的iOS动画

wobbly 是一组酷炫、有趣且易于使用的iOS动画,您可以在项目中使用。动画类型来自 Animate CSS(iOS的Animate CSS)👻)

安装

wobbly 通过 CocoaPods 提供。要安装它,只需将其以下行添加到Podfile中

pod 'wobbly'

用法

要使用wobbly,只需通过 cocoapods 或将wobbly文件夹拖放到项目中,然后在任何视图类型上调用您想要的动画类型即可。

view.bounce()

image.jello()

button.shake()

view.bounceInLeft()

label.Swing()

动画

要动画化一个元素,将类 animated 添加到元素中。您还可以包含类 infinite 来实现无限循环。最后,您需要将下面的其中一个类添加到元素中(这是所有 Animate CSS 动画)

类名
bounce flash pulse rubberBand
shake headShake swing tada
wobble jello bounceIn bounceInDown
bounceInLeft bounceInRight bounceInUp bounceOut
bounceOutDown bounceOutLeft bounceOutRight bounceOutUp
fadeIn fadeInDown fadeInDownBig fadeInLeft
fadeInLeftBig 淡入右侧 淡入右侧(大) 淡入上
淡入上(大) 淡出 淡出至下 淡出至下(大)
淡出左侧 淡出左侧(大) 淡出右侧 淡出右侧(大)
淡出上 淡出上(大) 翻转进入上 翻转进入下
翻转 翻转进入右侧 光速进入 光速退出
旋转进入 旋转进入下左 旋转进入下右 旋转进入上左
旋转进入上右 旋转退出 旋转退出下左 旋转退出下右
旋转退出上左 旋转退出上右 铰链式 弹出盒
滚动进入 滚动退出 缩放进入 缩放进入(下)
缩放进入左侧 缩放进入右侧 缩放进入(上) 缩放退出
缩放退出(下) 缩放退出左侧 缩放退出右侧 缩放退出(上)
滑动进入下 滑动进入左侧 滑动进入右侧 滑动进入上
滑动退出下 滑动退出左侧 滑动退出右侧 滑动退出上
心跳

示例

要运行示例项目,首先克隆仓库,然后在示例目录下运行pod install

需求

作者

sagaya, [email protected]

贡献

请通过Pull Request进行贡献。提交Pull Request时,我们只有两个规则:匹配命名约定(camelCase,分类[fades, bounces, 等])

许可

wobbly 使用MIT许可。有关更多信息,请参阅LICENSE文件。