How to style text views with fonts, colors, line spacing, and more

 

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

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-style-text-views-with-fonts-colors-line-spacing-and-more]

 

How to style text views with fonts, colors, line spacing, and more

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

Text 뷰는 어떻게 보이는지 예측가능한 광범위한 제어를 제공할 뿐만아니라, Dynamic Type 같은 핵심 Apple 기술과 함께 원활하게 작동하도록 설계되었습니다.

 

Text 뷰는 기본적으로 Body라는 Dynamic Type 스타일이 있지만, 다음과 같이 .font()를 호출해서 다른 크기와 비중을 선택할 수 있습니다.

Text("This is an extremely long text string that will never fit even the widest of Phones") .font(.largeTitle)

특히, 다음과 같이 여러줄을 가운데에 오도록 텍스트 정렬하고 싶을 것입니다: 

Text("This is an extremely long text string that will never fit even the widest of Phones")
    .font(.largeTitle)
    .multilineTextAlignment(.center)

다음과 같이 .foregroundColor() modifier을 사용해서 텍스트의 색상을 제어할 수 있습니다.

Text("The best laid plans")
    .foregroundColor(Color.red)

 

또한 배경 색상을 지정할 수 있지만, 단순한 색상보다 더 고급 색상을 사용할 수 있기 때문에, .background()를 사용합니다. 어쨌든, 레이아웃에 노란색 배경 색상을 주려면 다음과 같이 하세요:

Text("The best laid plans")
    .background(Color.yellow)
    .foregroundColor(Color.red)

 

여기에는 더 많은 옵션이 있습니다. 예를들어, 텍스트의 줄 간격을 조정할 수 있습니다. 기본 값은 0이며, 이는 여분의 줄 간격이 적용되지 않았음을 의미하지만, 줄 간에 여분의 간격을 추가하기 위해서 값을 지정할 수 있습니다.

Text("This is an extremely long string that will never fit even the widest of Phones")
    .font(.largeTitle)
    .lineSpacing(50)