我需要将 UICollectionView 添加到 UICollectionViewCell 中。这看起来很容易，但我不明白。

我不知道我必须在哪里为每个 UICollectionViewCell 初始化 UICollectionView 以及在哪里编程 UICollectionViewDataSource 和 UICollectionViewDelegate 每个 UICollectionView。

结果将是一个产品集合(第一个 collectionview，其中每个单元格是一个产品)和每个产品的图像集合，如图库(第二个 Collection View ，其中每个单元格是一个图像) .它与 Zara 应用相同。

第一个 Collection View 看起来像这样并且只有垂直滚动。

当您选择一个产品时，单元格的大小会更改为全屏大小，并且 Collection View 会将垂直滚动更改为水平滚动。现在垂直滚动用于第二个 Collection View ，即图片库。

第二个 Collection View 看起来像这样

在 storyboard 中，我有 UICollectionViewController 和 UICollectionViewDataSource、UICollectionViewDelegate 和 UICollectionViewDelegateFlowLayout 实现.

ProductsCollectionViewController.h

@interface ProductsCollectionViewController : UICollectionViewController <UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout> {
    NSMutableArray *products;
}

ProductsCollectionViewController.m

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return products.count;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *identifier = @"ProductCell";

    ProductCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];

    Product *product = [products objectAtIndex:indexPath.row];
    [cell setProduct:product];

    return cell;
}

Product 是一个主要的 NSObject，它有一些信息，还有一个 array 图片。

Product.h

@interface Product : NSObject

@property NSInteger categoryID;
@property NSInteger productID;
@property (nonatomic, strong) NSString *name;
@property (nonatomic, strong) NSString *description;
@property (nonatomic, strong) NSArray *images;

我认为我必须做的是以编程方式在每个 ProductCollectionViewCell 中使用产品图像的 array 创建新的 UICollectionView 但 ProductCollectionViewCell 不识别 UICollectionViewDataSource 和 UICollectionViewDelegate 及其实现。

最佳答案

让我们从一个 mainCollectionView 开始。然后在这个集合的每个单元格上创建并初始化一个新的 UICollectionView 并且正确的位置是在 UICollectionView 的以下委托(delegate)中

func collectionView(collectionView: UICollectionView, willDisplayCell cell: UICollectionViewCell, forItemAtIndexPath indexPath: NSIndexPath)

例如，我在这里初始化 MainCollectionViewCell，然后 MainCollectionViewCell 处理逻辑以创建一个新的 UICollectionView

guard let collectionViewCell = cell as? MainCollectionViewCell else { return }

    collectionViewCell.delegate = self

    let dataProvider = ChildCollectionViewDataSource()
    dataProvider.data = data[indexPath.row] as NSArray

    let delegate = ChildCollectionViewDelegate()

    collectionViewCell.initializeCollectionViewWithDataSource(dataProvider, delegate: delegate, forRow: indexPath.row)

    collectionViewCell.collectionViewOffset = storedOffsets[indexPath.row] ?? 0

这是 MainCollectionViewCell 上的初始化程序，它创建了一个新的 UICollectionView

func initializeCollectionViewWithDataSource<D: protocol<UICollectionViewDataSource>,E: protocol<UICollectionViewDelegate>>(dataSource: D, delegate :E, forRow row: Int) {

    self.collectionViewDataSource = dataSource

    self.collectionViewDelegate = delegate

    let flowLayout = UICollectionViewFlowLayout()
    flowLayout.scrollDirection = .Horizontal

    let collectionView = UICollectionView(frame: self.bounds, collectionViewLayout: flowLayout)
    collectionView.registerClass(UICollectionViewCell.self, forCellWithReuseIdentifier: reuseChildCollectionViewCellIdentifier)
    collectionView.backgroundColor = UIColor.whiteColor()
    collectionView.dataSource = self.collectionViewDataSource
    collectionView.delegate = self.collectionViewDelegate
    collectionView.tag = row

    self.addSubview(collectionView)

    self.collectionView = collectionView

    collectionView.reloadData()
}

希望对您有所帮助!!

我为此做了一个例子并放在了github上。它演示了在 UICollectionViewCell 中使用 UICollectionView。

https://github.com/irfanlone/Collection-View-in-a-collection-view-cell

关于ios - UICollectionView 到 UICollectionViewCell，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21316330/