UICollectionView在UIView内部

Question

UICollectionView在UIView内部

xcodeuiviewcontrollerios6uicollectionview

20

我正在尝试在一个UIView中实现一个UICollectionView，但是我不知道该如何实现。有很多关于如何使用UICollectionViewController来使用UICollectionView的教程，但没有教如何在普通视图中实现一个。
你该如何做到这一点？

- Matias Frank Jensen

你正在使用故事板吗？ - jhilgert00

是的，我正在使用故事板。 - Matias Frank Jensen

2

详细答案如下，我只给出一个简单的例子：https://github.com/lequysang/CollectionViewImages - LE SANG

在Swift 3中如何实现这个？ - karl71

4个回答

3

同时也有Swift版本

将一个UICollectionView拖入您的UIView中并适当地调整大小。
修改您的UIViewController以扩展UICollectionViewDataSource和UICollectionViewDelegate
实现所需的函数
从storyboard到类进行控制拖动，创建一个outlet 'collectionView'
在viewDidLoad()中将delegate和datasource连接到self collectionView.delegate = self 和 collectionView.dataSource = self

最终效果应该如下图所示：

    class CustomerViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate
    {
        @IBOutlet weak var collectionView: UICollectionView!

        override func viewDidLoad() {
            collectionView.delegate = self
            collectionView.dataSource = self
        }

        func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {

        }

        func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {

        } 

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

        }

        func collectionView(collectionView: UICollectionView, didEndDisplayingSupplementaryView view: UICollectionReusableView, forElementOfKind elementKind: String, atIndexPath indexPath: NSIndexPath) {

        }
    }

- Michael Hudson

2

将一个UICollectionView拖入你的UIView中并适当调整大小。在.h文件中创建一个属性，该属性也是IBOutlet，用于集合视图：

@property (nonatomic, retain) IBOutlet UICollectionView *myCollectionView;

在UIView中，首先需要在-(void)awakeFromNib 中声明您的UICollectionView单元格。

[myCollectionView registerNib:[UINib nibWithNibName:@"nib file of collectionView cell" bundle:nil] forCellWithReuseIdentifier:@"identifier"];

那么

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    custom class *cell1=[collectionView dequeueReusableCellWithReuseIdentifier:@"identifier" forIndexPath:indexPath];
    return cell1;        
}

- Hilaj S L

1

Drag uiviewcontroller to the stroryboard.
Create the new class file for the new uiviewcontoller
Set the newly created class to our viewcontroller. And add protocol methods to the .h file. -UICollectionViewDelegate,UICollectionViewDataSource
Drag uicollectionview to the viewcontroller, by default there will be a uicollectionviewcell with the collectionview.
Create new class for the cell customisation as the subclass of the uicollectionviewcell and set the class to the cell in the identity inspector. Also set reuse identifier in the attributes inspector, the name we should specify to identify the uicollectionviewcell. Say cell here.
Drag and drop an imageview(can be anything as your wish) inside the uicollectionviewcell, size it to fit within.
Set an image with the imageview(this image will be shown repeatedly with the collectionview).
Set the delegate and datasource with the uicollectionview to the corresponding viewcontroller.
Set datasource methods - numberOfItemsInSection and cellForItemAtIndexPath.
Return the required cell count with the numberOfItemsInSection method. Say 10 here.

Return the cell to display with the cellForItemAtIndexPath.

NSString *  identifier = @"cell";
CollectionViewCellForDay * cell = [collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];
return cell;

现在，您应该能够看到一个有10个单元格的集合视图 :)

- Tony

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jhilgert00 · Accepted Answer

1) 将一个 UICollectionView 拖到你的 UIView 中并适当调整其大小。

2) 在你的 .h 文件中创建一个属性，该属性也是一个 IBOutlet，用于这个集合视图：

@property (nonatomic, retain) IBOutlet UICollectionView *myCollectionView;

3) 在你的.h文件中再次声明你的代理，这样你的.h文件应该看起来像这样：

@interface UtaQuickView : UIViewController <UICollectionViewDataSource, UICollectionViewDelegate> {

}

@property (nonatomic, retain) IBOutlet UICollectionView *myCollectionView;

4) 在你的storyboard中连接你的myCollectionViewIBOutlet。

5) （可选）如果你的目标不是iOS6或更新版本，请合成你的myCollectionView属性。如果你的目标是iOS6，则会自动为你合成它。这适用于所有属性，而不仅仅是UICollectionViews。因此，在iOS6中，你根本不需要写 @synthesize myCollectionView = _myCollectionView，直接在需要访问该属性的任何地方使用 _mycollectionview 即可。

6) 在你的.m文件的viewDidLoad方法中，设置你的delegate和dataSource。

_myCollectionView.delegate = self;
_myCollectionView.dataSource = self;

7) 实现所需的数据源方法：

#pragma mark - UICollectionView DataSource 

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section 

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath

从那里开始，您可以根据需要实现尽少或多个UICollectionViewDelegate方法。然而，根据文档要求，需要实现其中2个：

#pragma mark - UICollectionViewDelegate

- (void)collectionView:(UICollectionView *)collectionView didEndDisplayingCell:(UICollectionViewCell *)cell forItemAtIndexPath:(NSIndexPath *)indexPath

- (void)collectionView:(UICollectionView *)collectionView didEndDisplayingSupplementaryView:(UICollectionReusableView *)view forElementOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath

重要的是需要注意，你可以将<UICollectionViewDelegateFlowLayout>用作<UICollectionViewDelegate>的替代品，并且仍然可以访问<UICollectionViewDelegate>中的所有方法，因为<UICollectionViewDelegateFlowLayout>是<UICollectionViewDelegate>的子类。 UICollectionViewDataSource协议文档 UICollectionViewDelegate协议文档