oc. 吸顶悬停

### 吸顶悬停效果的实现方法 在 Objective-C 中实现 `UICollectionView` 的吸顶悬停效果可以通过自定义布局来完成。以下是具体的实现方式： #### 自定义 `UICollectionViewFlowLayout` 通过继承并重写 `UICollectionViewFlowLayout` 类，可以控制每一项以及头部视图的行为。 ```objc #import <UIKit/UIKit.h> @interface CustomFlowLayout : UICollectionViewFlowLayout @property (nonatomic, assign) CGFloat navigationBarHeight; // 导航栏高度，默认为64.0 @property (nonatomic, assign) NSInteger pinnedSectionIndex; // 哪一节的头部需要固定 @property (nonatomic, assign) BOOL shouldPinAllSections; // 是否固定所有头部，默认为YES @end ``` 在 `.m` 文件中，主要需要重写的函数有以下几个部分： 1. **`layoutAttributesForElements(in:)`** 调整返回的属性集合，确保头部视图的位置被正确设置。 2. **`shouldInvalidateLayout(forBoundsChange:)`** 当滚动发生时重新计算布局。 3. **`layoutAttributesForSupplementaryView(ofKind:at:)`** 设置补充视图（即 section header）的具体位置和大小。 具体代码如下所示： ```objc @implementation CustomFlowLayout - (instancetype)init { self = [super init]; if (self) { _navigationBarHeight = 64.0; _pinnedSectionIndex = 0; _shouldPinAllSections = YES; } return self; } - (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect { NSArray *attributesArray = [super layoutAttributesForElementsInRect:rect]; for (UICollectionViewLayoutAttributes *attributes in attributesArray) { if ([attributes.representedElementKind isEqualToString:UICollectionElementKindSectionHeader]) { [self pinHeaders:attributes collectionView:self.collectionView]; } } return attributesArray; } - (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds { return YES; } - (UICollectionViewLayoutAttributes *)layoutAttributesForSupplementaryViewOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath { UICollectionViewLayoutAttributes *attributes = [super layoutAttributesForSupplementaryViewOfKind:kind atIndexPath:indexPath]; if ([kind isEqualToString:UICollectionElementKindSectionHeader]) { [self pinHeaders:attributes collectionView:self.collectionView]; } return attributes; } - (void)pinHeaders:(UICollectionViewLayoutAttributes *)headerAttributes collectionView:(UICollectionView *)collectionView { CGRect frame = headerAttributes.frame; CGPoint contentOffset = collectionView.contentOffset; NSIndexPath *indexPath = headerAttributes.indexPath; CGFloat distanceFromTop = contentOffset.y + self.navigationBarHeight - CGRectGetMinY(frame); if (distanceFromTop < 0 || !self.shouldPinAllSections && indexPath.section != self.pinnedSectionIndex) { return; } headerAttributes.zIndex = 1024; headerAttributes.frame = CGRectMake(headerAttributes.frame.origin.x, self.navigationBarHeight, headerAttributes.frame.size.width, headerAttributes.frame.size.height); } ``` 上述代码实现了当某个 `section header` 移动到导航栏下方时会自动吸附的效果[^1]。 --- #### 使用第三方库简化开发流程 如果不想手动编写复杂的布局逻辑，也可以借助一些成熟的开源项目快速实现该功能。例如 GitHub 上的一个名为 `XJDragViewController` 的库提供了强大的抽屉效果支持，同时也兼容了多种场景下的头部吸顶需求[^3]。 安装此库后只需按照文档说明配置即可轻松集成吸顶功能。 --- #### 替代方案：使用 `UITableView` 对于某些简单的界面设计来说，可以直接利用 `UITableView` 来模拟类似的吸顶行为。将 `section header` 设计成普通的单元格形式，并调整其背景颜色使其外观接近真实的表头样式[^2]。 这种方式虽然不够灵活，但在特定情况下能够显著减少工作量。 --- ### 性能优化建议 为了避免频繁调用可能导致性能下降，在实际应用过程中需要注意以下几点： - 尽可能缓存已计算好的布局数据； - 对于不需要动态变化的内容提前预加载； - 遵循 Apple 官方推荐的最佳实践以提升整体流畅度[^4]。 ---