Search code examples
xcodeswift3app-storeios11

How to Apply card view cornerRadius & shadow like iOS appstore in swift 4


I want to apply "cornerRadius" and card view "shadow" in my collection view cell like iOS appstore today View.

CardView shadow example 1

iOS appstore today view


Solution

  • Just add a subview to the cell and manipulate it's layer property. Tweak the values to your liking. The following code should give a similar result to how it looks in the App Store:

        // The subview inside the collection view cell
        myView.layer.cornerRadius = 20.0
        myView.layer.shadowColor = UIColor.gray.cgColor
        myView.layer.shadowOffset = CGSize(width: 0.0, height: 0.0)
        myView.layer.shadowRadius = 12.0
        myView.layer.shadowOpacity = 0.7
    

    enter image description here