How to draw a border around a view

 

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

 

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

 

How to draw a border around a view

 

SwiftUI는 뷰 주변 테두리를 그리기 위한 전용 border() modifier를 제공합니다. 선의 넓이 또는 모서리 반경을 지정할지에 따라 여러가지 변형이 있으므로, 여기에 몇개의 예제가 있습니다.

 

다음은 간단하게 텍스트 뷰 주변에 1 포인트 검정 테두리를 추가한 것입니다.

Text("Hacking with Swift")
    .border(Color.black)

 

뷰의 모서리에 바로 닿지 않도록 테두리를 만드려는 경우에, 먼저 패딩을 추가하세요.

Text("Hacking with Swift")
    .padding()
    .border(Color.black)

 

다음은 4 포인트 빨간 테두리를 추가한 것입니다.

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

 

테두리의 모서리를 둥글게하길 원하는 경우, 대신 overlay() modifier를 사용해야 합니다. 예를들어, 다음은 4 포인트 파란색 테두리와 16 포인트 둥근 모서리를 추가한 것입니다.

Text("Hacking with Swift")
    .padding()
    .overlay(
        RoundedRectangle(cornerRadius: 16)
            .stroke(Color.blue, lineWidth: 4)
    )

 

팁 : 도형(shapes)에는 stroke() 사용하고, 다른 뷰 타입에는 border()를 사용합니다.