web-dev-qa-db-ja.com

セクションヘッダーがUICollectionViewで非表示になっている場合の空のスペースの削除

UICollectionViewには2つのセクションがあります。 UICollectionViewにセクションヘッダーを表示したいのは、最初のセクションのみです。 0番目のセクションではありません。

そこで、section == 0nil:メソッドでviewForSupplementaryElementOfKindを返そうとし、section == 1のビューを返しました。

クラッシュし、以下のエラーが表示されます。

Assertion failure in -[UICollectionView _createPreparedSupplementaryViewForElementOfKind:atIndexPath:withLayoutAttributes:applyAttributes]:

ここに、補足ビュー用の私のコードがあります。

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
    UICollectionReusableView *sectionHeader = nil;
    if (kind == UICollectionElementKindSectionHeader && indexPath.section == 1) {
        sectionHeader = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"EventSectionHeader" forIndexPath:indexPath];
        sectionHeader.layer.borderWidth = .5f;
        sectionHeader.layer.borderColor = [UIColor colorWithRed:221.0 / 255.0 green:223.0 / 255.0 blue:220.0 / 255.0 alpha:1.0].CGColor;
    }

    return sectionHeader;
}

viewForSupplementaryElementOfKind:メソッドでnilを返すと、他のメソッドでもクラッシュすることがわかりました。その方法を削除することを提案する他の回答。

しかし、特定のセクションのセクションヘッダーのみを表示したいと思います。 1つのセクションだけでその戻りビューを実現するにはどうすればよいですか?ありがとう。任意の助けをいただければ幸いです。

編集:

@sanが言ったように、コードを更新してセクションヘッダーを非表示にしました。できます。ヘッダーを非表示にします。ただし、セクションヘッダーの場所にはまだ空きスペースがあります。期待される結果は、セクションヘッダーが非表示の場合、セクションヘッダー用のスペースがないことです。

更新されたコード:

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{

    UICollectionReusableView *sectionHeader = nil;
    if (kind == UICollectionElementKindSectionHeader) {
        sectionHeader = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"EventSectionHeader" forIndexPath:indexPath];
        sectionHeader.layer.borderWidth = .5f;
        sectionHeader.layer.borderColor = [UIColor colorWithRed:221.0 / 255.0 green:223.0 / 255.0 blue:220.0 / 255.0 alpha:1.0].CGColor;
        if (indexPath.section == 0) {
            sectionHeader.hidden = YES;

        }else {
            sectionHeader.hidden = NO;
        }
    }

    return sectionHeader;
}

@ sanが言ったようにsectionHeaderのフレームを設定しようとしました。しかし、運はありません。同じ結果です。

40
Dinesh Raja

ついに、私の質問に対する答えを見つけました。私は何かを見逃しました。とにかく他の仲間のユーザーには申し訳ありません。

@sanが言ったように、これまで、ヘッダーの高さと幅を以下のメソッド内に設定しました。

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath

ただし、補助ビューのフレームサイズを設定するのは正しい方法ではありません。その後、flowLayout内に別のメソッドを見つけました。これは、ヘッダーとフッターのサイズを設定するのに役立ちます。

これは私にとって本当にうまくいきます:

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section
{
    if (section == 0) {
        return CGSizeZero;
    }else {
        return CGSizeMake(CGRectGetWidth(collectionView.bounds), 135);
    }
}

UPDATE:誰かが私のコメントのスキルについて質問したので、Apple Documentation link for上記のメソッドでCGSizeZeroを返します。

82
Dinesh Raja

collectionView:viewForSupplementaryElementOfKind:atIndexPath:のドキュメント:

このメソッドは、常に有効なビューオブジェクトを返す必要があります。特定のケースで補足ビューが必要ない場合は、レイアウトオブジェクトでそのビューの属性を作成しないでください。または、対応する属性のhiddenプロパティをYESに設定するか、属性のalphaプロパティを0に設定してビューを非表示にできます。フローレイアウトでヘッダービューとフッタービューを非表示にするには、それらのビューの幅と高さも設定できます0に。

すでに高さをゼロに設定し、ビューを非表示に設定しようとしていることを考慮すると、UICollectionViewFlowLayoutをサブクラス化し、layoutAttributesForSupplementaryViewOfKind:atIndexPath:を実装する必要があります

IndexPathを確認し(既に行っているように)、その特定の補助ビューのレイアウト属性が必要ない場合は、nilを返します。

- (UICollectionViewLayoutAttributes *)layoutAttributesForSupplementaryViewOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
    if([indexPath section] == 0)
    {
         return nil;
    }

    return [super layoutAttributesForSupplementaryViewOfKind:kind atIndexPath:indexPath];
}
23
CaptainRedmuff

ドキュメントは明確に言う-

戻り値

構成された補助ビューオブジェクト。このメソッドからnilを返してはいけません。

だからフォローする必要があります-

このメソッドは、常に有効なビューオブジェクトを返す必要があります。特定のケースで補足ビューが必要ない場合は、レイアウトオブジェクトでそのビューの属性を作成しないでください。または、対応する属性のhiddenプロパティをYESに設定するか、属性のalphaプロパティを0に設定してビューを非表示にできます。フローレイアウトでヘッダービューとフッタービューを非表示にするには、これらのビューの幅と高さも設定できます0に。

コードにアクセスすると、以下のスニペットが機能します。

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
    UICollectionReusableView *sectionHeader = nil;
    if (kind == UICollectionElementKindSectionHeader) {
        sectionHeader = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"EventSectionHeader" forIndexPath:indexPath];

        if(indexPath.section == 1)
          {
             sectionHeader.layer.borderWidth = .5f;
             sectionHeader.layer.borderColor = [UIColor colorWithRed:221.0 / 255.0 green:223.0 / 255.0 blue:220.0 / 255.0 alpha:1.0].CGColor;
          }
        else
        {
          sectionHeader.frame = CGRectZero;
          sectionHeader.hidden = YES;
        }
    }

    return sectionHeader;
}
10
San

私の場合、セクションにインセットを与えたので、空のスペースが与えられました

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
        if <condition for which you want to hide section>{
            return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
        }else{
            return UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)
        }
    }
0
Nikunj Acharya