The shadow not appear in collectionViewcell

Question

I create a collectionView and I want to add shadow to every cell, I wrote this code

  func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! MyCollectionViewCell
        cell.myLabel.text = self.items[indexPath.item]
        cell.backgroundColor = UIColor.yellow
        cell.layer.shadowColor = UIColor.black.cgColor
        cell.layer.shadowOffset = CGSize(width: 3, height: 3)
        cell.layer.shadowOpacity = 0.7
        cell.layer.shadowRadius = 4.0
        return cell
    }

but this is the output

I want it be like this UIView with rounded corners and drop shadow?

Does it help if you say `cell.layer.masksToBounds = false`? – matt Sep 20 '16 at 03:00 — matt, Sep 20 '16 at 03:00
That's great, I'll give it as an answer. – matt Sep 20 '16 at 04:09 — matt, Sep 20 '16 at 04:09

score 9 · Accepted Answer · answered Sep 20 '16 at 04:09

9

Your code will probably work if you also say:

cell.layer.masksToBounds = false

The reason is that a shadow is outside the layer's bounds, so if we are masking to the bounds, you won't see the shadow.

answered Sep 20 '16 at 04:09

matt

515,959
87
875
1,141

Slightly simpler: `cell.clipsToBounds = true` – Leslie Godwin Oct 04 '17 at 06:05
Why is it wrong? Doesn't `cell.clipsToBounds` do `cell.layer.masksToBounds` ? – Leslie Godwin Dec 15 '17 at 05:18
2

@leslie-godwin it’s wrong because true is not false – matt Dec 15 '17 at 06:07

The shadow not appear in collectionViewcell

1 Answers1