How to draw a shadow around a view

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-draw-a-shadow-around-a-view]

 

How to draw a shadow around a view

 

SwiftUI는 뷰 주변에 그림자를 그리기 위해 전용 shadow() modifier를 제공합니다. 색상, 반경, 그림자의 위치등을 제어할 수 있고, modifier 순서를 조정해서 어떤 뷰가 그림자를 가지게 될지를 제어할 수 있습니다.

 

기본 형태로, 다음과 같이 파란색 반경을 지정해서 그림자를 추가할 수 있습니다.

Text("Hacking with Swift")
    .padding()
    .shadow(radius: 5)
    .border(Color.red, width: 4)

 

텍스트 가운데에 5 포인트 블러(blur)로 된 아주 가는 그림자를 추가합니다.

 

원래 뷰의 X와 Y offset과 함게 어떤 색상을 지정할 수 있습니다. 예를들어, 5 포인트 블러(blur)로 된 빨간색 그림자를 만들고, 텍스트의 가운데에 있습니다.

Text("Hacking with Swift")
    .padding()
    .shadow(color: .red, radius: 5)
    .border(Color.red, width: 4)

 

그림자에 대한 offset을 지정하고자 하는 경우에, 다음과 같이 modifier에 x 와/또는 y 매개변수를 추가하세요.

Text("Hacking with Swift")
    .padding()
    .shadow(color: .red, radius: 5, x: 20, y: 20)
    .border(Color.red, width: 4)

 

SwiftUI는 나열된 순서대로 modifiers를 적용하는 것을 기억하며, 테두리에 그림자를 적용하고자 하는 경우에, 그림자(shadow) modifier 앞에 테두리(border) modifier를 넣으면 됩니다.

Text("Hacking with Swift")
    .padding()
    .border(Color.red, width: 4)
    .shadow(color: .red, radius: 5, x: 20, y: 20)