사용자 정의 플로우 레이아웃으로 콜렉션 뷰의 헤더에 검색 바를 추가하십시오.

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); 

    }