模仿微信读书页面切换效果

之前在用微信读书的时候看到一个很不错的界面切换效果,简单来说就是在push动画执行的时候,有一个控件从界面一移动到了界面二,如下图:



当点击界面一的封面时,封面会缩放并移动到界面二封面的位置。


后来在网上搜索类似的效果时,发现了一种实现思路:在push动画执行的时候,先从界面一的封面位置创建一个快照,此时将界面一和界面二中的封面都隐藏,并将快照从界面一的封面位置移动到界面二的位置,从视觉上产生了控件移动的效果。


按着这个思路,用category实现了一种界面切换动画,支持多个控件同时移动,支持移动TableView和CollectionView中的控件,也支持手势返回。具体效果如下:



具体的引入和用法也非常简单,可以去GitHub上看看。


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值