iOS 实现UICollectionView头部悬停效果

最新推荐文章于 2025-05-26 09:39:53 发布

H.A.N

最新推荐文章于 2025-05-26 09:39:53 发布

阅读量8.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： OC篇文章标签： ios开发 iOS 君凯商联网商联网

本文链接：https://blog.youkuaiyun.com/u010960265/article/details/78435012

本文介绍如何在iOS应用中实现UICollectionView头部悬停效果，适合UI设计和iOS开发初学者。通过示例代码和截图展示具体实现步骤，提供Demo下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

顶部悬停是实际开发中比较常见的一种视图，最近我也遇到了，鉴于只会拧螺丝的我有一段时间没写关于拧螺丝的文章了，为了找下存在感，今天简单分享下。

虽然功能简单，但是保证你看了不亏，尤其是对UI这块比较薄弱的同学来说。

效果图如下：

相关代码如下：

因为collectionViewd的具体布局是UICollectionViewFlowLayout 决定的  
所以创建一个JHHeaderFlowLayout继承于UICollectionViewFlowLayout

#具体的代码实现


#pragma mark - 初始化
-(instancetype)init
{
    self = [super init];
    if (self)
    {
        _naviHeight = 0.0;
    }
    return self;
}
/*

 // 作用:返回指定区域的cell布局对象
 // 什么时候调用:指定新的区域的时候调用 
 (<__kindof uicollectionviewlayoutattributes="">   iOS9之后的泛型 )
 - (nullable NSArray<__kindof uicollectionviewlayoutattributes=""> *)layoutAttributesForElementsInRect:(CGRect)rect
 */

/** iOS9 之前的写法 作用第24行代码有写*/
//UICollectionViewLayoutAttributes：我称它为collectionView中的item（包括cell和header、footer这些）的《结构信息》
- (