使用自定义流布局将搜索栏添加到“集合”视图中的标题

Question

我正在尝试将搜索栏作为自定义流布局类的标题。

如果流布局不是自定义的，我知道如何通过简单地选中部分标题框将其添加到故事板中，但是一旦我使用自定义类，该选项就不再可用。

大多数情况下，我在概念化布局属性以及如何实现它们时遇到麻烦。另外，我不确定我是否应该将方法放在我的数据源，视图控制器或流布局子类中，因此请具体说明这些方法。

关于 Ray Wenderlich 的教程只展示了故事板方法。

Answer 1

使用 UICollectionReusableView 创建 HeadeView 并调用以下委托。

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
    {
        if (kind == UICollectionElementKindSectionHeader) {
            HeaderView *headerView = nil;
        headerView = (ProductListingHeaderView*)[collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"HeaderView" forIndexPath:indexPath];
        if (headerView == nil) {
            headerView=[[[NSBundle mainBundle] loadNibNamed:@"HeaderView" owner:self options:nil] objectAtIndex:0];
        }
    return headerView;
        }
        return nil;
    }
    -(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section{
        if (![collectionView numberOfItemsInSection:section]) {
            return CGSizeZero;
        }
        return CGSizeMake([(UICollectionViewFlowLayout *)self.collectionView.collectionViewLayout headerReferenceSize].width, searchBarHeight);
    }