UICollectionView Cell Shadow

Question

I am trying to add shadow to my custom UICollectionViewCell, This is the code I am using in my custom collection view cell class:

self.layer.shadowOffset = CGSizeMake(1, 0);
self.layer.shadowColor = [[UIColor blackColor] CGColor];
self.layer.shadowRadius = 5;
self.layer.shadowOpacity = .25;

This is giving shadow to the components of the collection view cell.

Please check if you have a UIView on top of your Cell. In such case, you need to mask it. — Sri, Jan 05 '17 at 15:05
Possible duplicate of [Shadow not showing when background color is clear color](http://stackoverflow.com/questions/12927626/shadow-not-showing-when-background-color-is-clear-color) — James P, Jan 05 '17 at 15:19

Vinu David Jose · Answer 1 · 2018-04-19T06:07:29.567

18

Don't forget to add these 2 lines

self.clipsToBounds = false      
self.layer.masksToBounds = false

edited Apr 19 '18 at 06:07

answered Mar 21 '17 at 15:48

Vinu David Jose

2,569
1
21
38

Great, spent hours searching how to fix! Thanks!) – Anton Eregin Dec 19 '17 at 00:19

score 8 · Answer 2 · answered Aug 16 '18 at 12:52

Swift 4.2 and xcode 10

here's code for adding a shadow.

    cell.contentView.layer.cornerRadius = 2.0
    cell.contentView.layer.borderWidth = 1.0
    cell.contentView.layer.borderColor = UIColor.clear.cgColor
    cell.contentView.layer.masksToBounds = true

    cell.layer.backgroundColor = UIColor.white.cgColor
    cell.layer.shadowColor = UIColor.gray.cgColor
    cell.layer.shadowOffset = CGSize(width: 0, height: 2.0)//CGSizeMake(0, 2.0);
    cell.layer.shadowRadius = 2.0
    cell.layer.shadowOpacity = 1.0
    cell.layer.masksToBounds = false
    cell.layer.shadowPath = UIBezierPath(roundedRect:cell.bounds, cornerRadius:cell.contentView.layer.cornerRadius).cgPath

score 4 · Answer 3 · answered Apr 12 '18 at 02:30

4

cell.layer.backgroundColor should not be clear color

try

cell.layer.backgroundColor = UIColor.white.cgColor

answered Apr 12 '18 at 02:30

Bobo Shone

721
6
16

score 0 · Answer 4 · edited Jan 23 '18 at 13:09

Go to CustomCollectionViewCell.m file Worked for me. Hope it helps...

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        //////// make shadow  of total view
        self.clipsToBounds = NO;
        self.layer.masksToBounds = NO;
        self.layer.shadowRadius = 5;
        self.layer.shadowOpacity = 0.5;
        self.layer.shadowColor = [UIColor blackColor].CGColor;
        self.layer.shadowOffset = CGSizeMake(0, 1);
        self.layer.shadowPath = [UIBezierPath bezierPathWithRect:self.bounds].CGPath;

        // make radius of the cell
        self.layer.cornerRadius = 5;

    }
    return self;
}

UICollectionView Cell Shadow

4 Answers4

Linked