Skip to main content
Commonmark migration
ソース リンク

##フローレイアウトのサブクラスを定義するべき状況

フローレイアウトのサブクラスを定義するべき状況

##フローレイアウトのサブクラスを定義するべき状況

フローレイアウトのサブクラスを定義するべき状況

ソース リンク
OOPer
  • 1.9万
  • 2
  • 16
  • 33

こちらのドキュメントはじっくり読まれましたでしょうか。

Collection View プログラミングガイド

(pdfの日本語版よりHTMLの英語版の方が読みやすいかもしれません。)

その中のこちら:

##フローレイアウトのサブクラスを定義するべき状況

(表3-1中、シナリオ:補助ビューや装飾ビューを新たに追加したい より)

標準の「フローレイアウト」クラスは、セクションヘッダやセクションフッタを補助ビューとして追加できるだけであり、装飾ビューにも対応していません。補助ビューや装飾ビューを追加したい場合、少なくとも次のメソッドをオーバーライドする必要があります。

  • layoutAttributesForElementsInRect:(必須)
  • layoutAttributesForItemAtIndexPath:(必須)
  • layoutAttributesForSupplementaryViewOfKind:atIndexPath:(補助ビューの場合)
  • layoutAttributesForDecorationViewOfKind:atIndexPath:(装飾ビューの場合)

あなたの場合、補助ビュー(Supplementary View)であるヘッダーを定義しようとしているので、以下の3つのメソッドを 正しく実装 してやる必要(*1)があります。

  • layoutAttributesForElementsInRect:
  • layoutAttributesForItemAtIndexPath:
  • layoutAttributesForSupplementaryViewOfKind:atIndexPath:

(*1) 上記では オーバーライドする必要があります (you need to override) ですが、今回の場合、新たに追加ではないので、UICollectionViewFlowLayoutに定義された動作がそのまま使える場合もあります。

あなたのコードでは以上3つの中で、layoutAttributesForElementsInRect(_:)の実装に問題があるのが目に付きます。

layoutAttributesForElementsInRect:メソッドでは、superを呼び出してセルのレイアウト属性を取得し、指定された矩形内に置く、新しい補助ビューや装飾ビューの属性を追加します。他のメソッドには、必要に応じて属性を指定する働きがあります。

(上記の文章、どう贔屓目に見ても良い訳には見えないので、原文にも目を通しておくことをお勧めします。)

In your layoutAttributesForElementsInRect: method, you can call super to get the layout attributes for the cells and then add the attributes for any new supplementary or decoration views that are in the specified rectangle. Use the other methods to provide attributes on demand.

(最後の文の拙訳: 必要に応じて属性を提供するための他のメソッドを使用してください。)

本題にとって重要な事柄は、layoutAttributesForElementsInRect(_:)では、補助ビューや装飾ビューのためのレイアウト属性も返さないといけない と言うことです。


前提になるドキュメントの記述の紹介が長くなってしまいましたが、あなたのコードのlayoutAttributesForElementsInRect(_:)では、セルに対するレイアウト属性しか返そうとしていませんので、結果的にcollectionView(_:viewForSupplementaryElementOfKind:indexPath:)も呼ばれない、と言うことになっています。

上記のメソッドを例えば以下のように修正してみてください。

override func layoutAttributesForElementsInRect(rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    var layoutAttributes = [UICollectionViewLayoutAttributes]()
    
    if let collectionView = self.collectionView {
        for i in 0..<collectionView.numberOfSections() {
            
            let numberOfCellsInSection = collectionView.numberOfItemsInSection(i)
            
            for j in 0..<numberOfCellsInSection {
                let indexPath = NSIndexPath(forRow: j, inSection: i)
                if let attributes = layoutAttributesForItemAtIndexPath(indexPath) {
                    if (CGRectIntersectsRect(rect, attributes.frame)) {
                        layoutAttributes.append(attributes)
                    }
                }
                //補助ビューと装飾ビューのレイアウト属性も返す必要がある
                //UICollectionViewFlowLayoutの場合はヘッダーとフッター(どちらも補助ビュー)
                if let attributes = layoutAttributesForSupplementaryViewOfKind(UICollectionElementKindSectionHeader, atIndexPath: indexPath) {
                    if CGRectIntersectsRect(rect, attributes.frame) {
                        layoutAttributes.append(attributes)
                    }
                }
                if let attributes = layoutAttributesForSupplementaryViewOfKind(UICollectionElementKindSectionFooter, atIndexPath: indexPath) {
                    if CGRectIntersectsRect(rect, attributes.frame) {
                        layoutAttributes.append(attributes)
                    }
                }
            }
        }
    }
    return layoutAttributes
}

少なくともご質問の本題の「上記のファンクション(collectionView(_:viewForSupplementaryElementOfKind:indexPath:))が呼ばれなくなってしまいました」については、これで解消できるはずです。お試しください。