利用iOS的UICollectionView制作卡片翻页放大缩小效果

自定义UICollectionView实现翻页放大缩小效果

原创

于 2018-01-25 16:05:46 发布 · 4.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#翻页效果 #卡片 #放大缩小

本文介绍如何利用UICollectionView实现广告栏翻页效果，通过重写UICollectionViewFlowLayout，达到滑动过程中卡片自动放大缩小的目的。关键在于设置滑动速度以实现平滑过渡。总结时作者强调此类解决方案的便捷性，旨在方便后续开发者遇到相同问题时直接参考。

前要

之前遇到需求，广告栏可以滑动过程放大缩小的，类似于翻页的效果，所以就查了一些资料看看，很多都是在滑动的代理的中进行操作的，写起来非常的麻烦，借鉴网上说的可以重写UICollectionViewFlowLayout，自己定义效果。

解决问题的关键点

我自己写了个继承类重写了一些方法自定义layout类我那个资源本来不想要金币，可是选择的时候还是最低也要2个呀，所以我选了最低了

//准备工作
-(void)prepareLayout
//cell缩放的设置
- (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect

//设置滑动停止时的collectionView的位置
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVe