夫特

Question

构建iPad应用程序时，如何在UICollectionViewCell周围绘制边框？

更多细节：我实现了一个扩展UICollectionViewCell的ProductCell类。现在，我想指定一些花哨的细节，例如边框，阴影等。然而，当尝试使用this here之类的东西时，Xcode告诉我接收器类型'CALayer'是一个前向声明。

Answer 1

只是为了更多的实施：

#import <QuartzCore/QuartzCore.h>

在你的.m

确保您的班级实施

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

因为这是设置单元格的地方。

然后您可以更改cell.layer.background（仅在导入石英时可用）

见下文

- (UICollectionViewCell *)collectionView:(UICollectionView *)cv cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    MyCollectionViewCell *cell = [cv dequeueReusableCellWithReuseIdentifier:@"pressieCell" forIndexPath:indexPath];
    //other cell setup here

    cell.layer.borderWidth=1.0f;
    cell.layer.borderColor=[UIColor blueColor].CGColor;

    return cell;
}

Answer 2

夫特

更新了Swift 3

假设你有Collection View set up with the required methods，你可以写几行代码来添加边框。

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath as IndexPath) as! MyCollectionViewCell
    cell.myLabel.text = self.items[indexPath.item]
    cell.backgroundColor = UIColor.cyan 

    // add a border
    cell.layer.borderColor = UIColor.black.cgColor
    cell.layer.borderWidth = 1
    cell.layer.cornerRadius = 8 // optional

    return cell
}

备注

如果您已导入QuartzCore，则无需在Swift中导入UIKit。

如果您还想添加阴影，请参阅this answer。

Answer 3

您需要包含框架QuartzCore并将标头导入您的班级：

#import <QuartzCore/QuartzCore.h>

Answer 4

快捷键4

cell.layer.borderColor = UIColor.black.cgColor
cell.layer.borderWidth = 1

在创建单元格之后，将其添加到数据源方法中

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
     let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CollectionViewCell", for: indexPath)
     cell.layer.borderColor = UIColor.black.cgColor
     cell.layer.borderWidth = 1
}

Answer 5

我认为最好将此配置添加到您的自定义单元实现中，而不是在数据源委托方法中。

cell.layer.borderColor = UIColor.black.cgColor
cell.layer.borderWidth = 1
cell.layer.cornerRadius = 8 // optional

UICollectionViewCell边框/阴影

5 个答案:

夫特