UICollectionViewCell -> Corner Radius AND Shadow

shadow+cornerradius.swift

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    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.shadowColor = UIColor.lightGray.cgColor
    cell.layer.shadowOffset = CGSize(width:0,height: 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

    return cell
}

Thanks. It work.

it doesn't work properly

I only needed to add the masksToBounds property to false, and then it worked. Thanks!

I have a scenario in which i want corner radius with shadow (without border).
Content view is not working for me in above code so I added one view name designable view below is my code.

    cell.designableView.layer.cornerRadius = 10.0
    cell.designableView.layer.masksToBounds = true
    
    cell.layer.shadowColor = UIColor.black.cgColor
    cell.layer.shadowOffset = CGSize(width: 0, height: 0.0)
    cell.layer.shadowRadius = 10.0
    cell.layer.shadowOpacity = 1.0
    cell.layer.masksToBounds = false
    cell.layer.shadowPath = UIBezierPath(roundedRect: cell.bounds, cornerRadius: cell.contentView.layer.cornerRadius).cgPath

how Can I put shadow on all four side?

Thank you

how Can I put shadow on all four side?

You set the width and height to some values. CGSize(width: #, height: #) instead of 0

Thanks, really helped.

Thanks, this saved me a lot of time.

For CollectionViewCell with dynamic width, this is not working. Since, cell.bounds is returning same value each time.

Thanks. its working fine.

Thanks. its working fine.