ios开发——仿新版iBooks书本打开与关闭动画

IOS新版iBooks吸引人的地方除了有干净整洁的界面、方便灵活的操作以及大容量的书籍容量以外,还有其优秀的用户交互,尤其是其动画的使用。打开一本书时书本缓慢放大并打开,关闭一本书后书本关闭并回到原位置。现在我们来实现这个简单的功能。


效果图:



用到的知识:

1、CAKeyframeAnimation的应用

2、如何在代理中区分两个不同的动画

3、坐标系转换


思路:

这个动画主要用到的是CAAnimation,并且是CAKeyframeAnimation,当用户点击书本时,设置一个UIImageView(为其加上tag方便以后取)并将其放在选中书本的位置上(使用坐标系转换),接着通过动画将其放大到全屏,完成后将其锚点设置为(0,0.5)并让其绕y轴选中π/2角度,将早已放在下面的textView(本app中是自定义的readView)展示出来。动画完成后将UIImageView的透明度设为0。这样就是书本的打开过程。关闭过程类似,根据tag取出UIImageView并将其旋转,然后设置frame到原来书本的位置(可以用私有变量记录该位置),最后removeFromSuperview即可。


代码:

首先是“准备阶段”

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值