How to create static labels with a Text view

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-create-static-labels-with-a-text-view]

 

How to create static labels with a Text view

[동영상 강좌 : https://youtu.be/XF_euKrEB8c]

텍스트(Text) 뷰는 화면에 정적인 텍스트를 보여주고, UIKit에 있는 UILable과 동일합니다. 가장 기본적인 것은 다음과 같습니다.

Text("Hello World")

 

컨텐츠 뷰에 대한 미리보기 윈도우 안쪽에서 Automatic preview updating paused(자동 미리보기 업데이트가 일시중지됨)인 것을 볼 수 있습니다 - 계속해서 Resume를 눌러서 Swift가 코드를 빌드하고 라이브로 미리보기를 보여줍니다.

 

기본적으로 텍스트 뷰는 필요한 만큼 줄이 표시되지만, 다음과 같이 줄 수를 제한하려면 lineLimit modifier을 추가해서 사용할 수 있습니다.

Text("Hello World")
    .lineLimit(3)

 

팁: lineLimit(3)은 Text(Hello World)의 오른쪽 아래에 배치되는 것을 주의하세요. 이는 필수사항은 아니지만, 장기적으로 코드를 읽기 쉽게 해줍니다.

 

일부 텍스트에서 줄 수를 제한하고 사용가능한 공간에 맞추기에 너무 긴 문자열을 제공하는 경우에, SwiftUI는 …로 끝나도록 끝부분을 잘라낼 것입니다. 

 

SwiftUI가 텍스트를 잘라내는 방법을 조정할 수 있습니다: 기본적으로 끝부분에 있는 텍스트를 제거하고 줄임표를 보여주지만, 문자열이 얼마나 중요한지에 따라 줄임표를 중간이나 시작부분에 위치할 수도 있습니다.

 

예를들어, 중간에서 텍스트를 자릅니다.

var body: some View {
    Text("This is an extremely long textbstring that will never fit even the widest of Phones")
        .lineLimit(1)
        .truncationMode(.middle)
}

 

텍스트를 잘라내는 방법과 상관없이, 텍스트 뷰는 메인 뷰의 중앙에 깔끔하게 배치되어 있는 것을 보게 될 것입니다. 이는 SwiftUI의 기본 동작입니다 - 다른 곳으로 뷰를 배치하라는 지시가 없는 한, 화면 가운데를 기준으로 배치합니다.