[iOS] Cell 그림자 + 둥글게 ( shadow, cornerRadius )

📌 Shadow & cornerRadius

 

 

 

일반적으로 Shadow랑 Radius를 같이하면 적용이 안되는데, Cell은 쉽게 구현이 가능하다.

 

func setUpLayout() {
    layer.shadowColor = UIColor.black.cgColor
    layer.shadowOpacity = 0.5
    layer.shadowRadius = 10
    contentView.layer.cornerRadius = 10
    contentView.layer.masksToBounds = true
}

Cell 안에서 Layout 할 때 이렇게 Cell에 Shadow를 넣고 corner Radius를 적용해주면 된다.

 

 

 

💡 CollectionView Cell에 테두리 둥근효과만 적용

 

💡 Button이나 View의 테두리 둥글게

let viewCornerRadius : CGFloat = 30.0
textView.layer.cornerRadius = viewCornerRadius
textView.layer.masksToBounds = true

다음과 같이 둥글게 할 크기를 변수로 지정해주고, cornerRadius 값으로 대입해주면 된다.

 

 

textView 둥글게

 

 

button 둥글게

 

 

 

 

📌 둥근 효과를 개별적으로 주고 싶다면 ?

💡 각 꼭짓점의 위치 값

static var layerMaxXMaxYCorner
static var layerMaxXMinYCorner
static var layerMinXMaxYCorner
static var layerMinXMinYCorner

 

💡 View를 기준으로 위쪽 2개 지점만 둥글게 한다

   let subViewcornerRadius : CGFloat = 30.0
   subView.layer.cornerRadius = subViewcornerRadius
   subView.layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner]
   subView.layer.masksToBounds = true