iphone - 在 UICollectionView 中设置边框

Question

这是我第一次想创建一个 UICollectionView。这就是我希望它的样子：

我阅读了一些教程，我知道它是如何工作的。正如您在图像中看到的那样，UICollection 单元格具有从上、下、左和右的边框。你知道如何在 Collection View 中设置这些边框吗？

如您所见，其中两个项目是用红色选择的。UICollectionView 中是否可以有多个选定项目？如果是的话，请给我一些教程。

Answer 1

这里的小示例项目：https ://github.com/erikt/ETMultiSelect

首先，您必须能够在UICollectionView. 这是通过在集合视图上设置allowsMultipleSelection属性来完成的。YES

视图控制器看起来像这样：

#import "ETViewController.h"
#import "ETCellView.h"

@implementation ETViewController

static NSString *cellIdentifier = @"cvCell";

- (void)viewDidLoad {
    [super viewDidLoad];

    // Register our custom collection view cell
    [self.collectionView registerClass:ETCellView.class forCellWithReuseIdentifier:cellIdentifier];

    // Make it possible to select multiple cells
    self.collectionView.allowsMultipleSelection = YES;
}

#pragma mark - UICollectionViewDataSource
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
    return 1;
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    return 10;
}

#pragma mark - UICollectionViewDelegate
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    ETCellView *cell = [collectionView dequeueReusableCellWithReuseIdentifier:cellIdentifier forIndexPath:indexPath];
    return cell;
}

@end

由UICollectionViewCell几个视图组成。它有一个内容视图、一个背景视图和一个选定的背景视图。

有很多方法可以实现与您的图片类似的效果，但我在选定的背景图层上设置了边框，并将子视图添加到插入的内容视图中，以便背景边框可见：

#import "ETCellView.h"
#import <QuartzCore/QuartzCore.h>

@implementation ETCellView

- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        self.restorationIdentifier = @"cvCell";
        self.backgroundColor = [UIColor clearColor];
        self.autoresizingMask = UIViewAutoresizingNone;

        CGFloat borderWidth = 3.0f;
        UIView *bgView = [[UIView alloc] initWithFrame:frame];
        bgView.layer.borderColor = [UIColor redColor].CGColor;
        bgView.layer.borderWidth = borderWidth;
        self.selectedBackgroundView = bgView;

        CGRect myContentRect = CGRectInset(self.contentView.bounds, borderWidth, borderWidth);

         UIView *myContentView = [[UIView alloc] initWithFrame:myContentRect];
         myContentView.backgroundColor = [UIColor whiteColor];
         myContentView.layer.borderColor = [UIColor colorWithWhite:0.5f alpha:1.0f].CGColor;
         myContentView.layer.borderWidth = borderWidth;
         [self.contentView addSubview:myContentView];
     }
     return self;
}

@end

结果是这样的：

克隆并使用示例项目。

在实际项目中，您可能希望通过将选定的数据模型实体添加到协议方法NSMutableArray中的某个结构（如 a ）来跟踪用户在视图控制器中选择的内容。– collectionView:didSelectItemAtIndexPath:UICollectionViewDelegate