模仿微信读书页面切换效果
之前在用微信读书的时候看到一个很不错的界面切换效果,简单来说就是在push动画执行的时候,有一个控件从界面一移动到了界面二,如下图:
当点击界面一的封面时,封面会缩放并移动到界面二封面的位置。
后来在网上搜索类似的效果时,发现了一种实现思路:在push动画执行的时候,先从界面一的封面位置创建一个快照,此时将界面一和界面二中的封面都隐藏,并将快照从界面一的封面位置移动到界面二的位置,从视觉上产生了控件移动的效果。
按着这个思路,用category实现了一种界面切换动画,支持多个控件同时移动,支持移动TableView和CollectionView中的控件,也支持手势返回。具体效果如下:
具体的引入和用法也非常简单,可以去GitHub上看看。