是否可以在iOS中嵌套集合/表视图？

Question

I have a list of items (blue), and within each item there is a collection of sub items (yellow). Will it be possible to replicate this layout in iOS with collection and table views?

I was going to create the blue items as a table view with custom cells. Then within this custom cell (blue), I was going to place a collection view (yellow items).

1. Is this possible?
2. Is my choice of table view for the blue items and collection view for the yellow items correct?

See diagrams

More specifically, the layout will be like the following, varying content in each blue item and they are expandable, the yellow items becoming visible when the item has been expanded.

Answer 1

UICollectionViews will work for both yellow and blue. In fact, collectionviews use "sections" and "cells" to organize your data visually. A section would be one of your "item groups" and a cell would be a "yellow square." The layout you have shown should be very simple to implement using UICollectionViewFLowLayoutDelegate methods. Just follow the Apple docs...

https://developer.apple.com/library/ios/documentation/WindowsViews/Conceptual/CollectionViewPGforIOS/CollectionViewBasics/CollectionViewBasics.html#//apple_ref/doc/uid/TP40012334-CH2-SW1

Answer 2

I wrote a collection view subclass that can help you achieve that layout: https://github.com/nazeehshoura/NExpandableCollectionView

Use UICollectionElementKindSectionHeader to represent your blue items, and UICollectionViewCell to represent your yellow items. NExpandableCollectionView will expand and show the yellow items when a corresponding blue item is clicked.