学动画先从POP开始 深入浅出

学动画先从POP开始 深入浅出_第1张图片
iOS

 原来世界可以这样动 原来优雅可以这样画

等最美的晚霞 等故事长大 用手中的流沙画一个你 曾说过的永远我们一定不会差 也答应说好的未来绝不会重画 原来幸福可以这么优雅

为女神 呐喊吧

在这里支持下李安的那首<逝去的爱>  开篇已经结束 让我们开始深入的了解吧.

本期内容

GitHub地址  会随时更新, 欢迎大家一起学习, 如果有好的建议, 好的思想请告诉我.我的路上有您.请记得右上角给我star.

登录动画

过渡动画

列表视图出现动画

时间计时器动画

人生就像场游戏, 上王者的人在游戏里永远是最被人追捧的.所有故事(不包括爱情)都在乎的是结果,而不会在乎你付出了多少努力.唯独只有成功.

1. 登录动画

代码思路:

第一步:继承UIButton重写UI 点击按钮时候添加POP layerScaleSpringAnimation动画

学动画先从POP开始 深入浅出_第2张图片
实现点击改变Scale

第二步:创建重写的按钮和Label并且让他们的约束相等

学动画先从POP开始 深入浅出_第3张图片
利用Masony创建按钮和label的约束

第三步:实现网络请求验证账号和密码 如何验证失败则弹出摇动动画

学动画先从POP开始 深入浅出_第4张图片
摇动动画

第四步:Label隐藏和展现动画,改变ScaleXY和PositionY

学动画先从POP开始 深入浅出_第5张图片
文字隐藏和展现动画
学动画先从POP开始 深入浅出_第6张图片
登录按钮POP动画

2.过渡动画

你还在那里停留用Push和Present实现两种过渡动画吗?

代码思路

第一步:重写UIViewControllerAnimatedTransitioning协议方法

因为在过渡之间会存在进入和消失, 所以你应该分别在不同的根类加入你想过渡的动画

Present:获取当前ViewController的视图fromView, 设置过渡后的toView然后分别添加到transitionContext的conainerView上.

学动画先从POP开始 深入浅出_第7张图片
进入动画示例代码

Dismiss:使用POP动画改变Y轴偏移量并设置opacityAnimation, 在动画完成后响应消失事件

学动画先从POP开始 深入浅出_第8张图片
消失动画示例代码

第二步:实现Transitioning代理方法模态进入界面

学动画先从POP开始 深入浅出_第9张图片
实现代理方法

第三步:在跳转的视图控制器实现以下方法

[self dismissViewControllerAnimated:YES completion:NULL];

学动画先从POP开始 深入浅出_第10张图片
过渡动画

3.列表视图出现动画

自定义Cell动画, 如此优雅的动画, 用的如此巧妙, 在自定义cell上加上此方法

一切触发cell的事件都会走此方法

学动画先从POP开始 深入浅出_第11张图片
视图出现动画
TheOnlyLonely - ly

我们要有焦点,做我们最擅长的事

你一定要选定你的大方向, 那所谓的大方向, 将会使你越来优雅.

有空一起研究研究 有空一起打LOL 加我微信, 加我微博, 你们也来跟我一起写吧, 未完待续.




你可能感兴趣的:(学动画先从POP开始 深入浅出)