SwiftUI Struct - Text

안녕하세요. 뉴핀입니다.

이번 주제는 SwiftUI의 Text Structure에서 속성을 설정할 때 사용하는 메서드를 알아보려 합니다.

폰트 관련

1. func font(Font?) -> Text

Text("lorem ipsum")
	.font(.system(.body, design: .monospaced))

폰트 설정

2. func fontWeight(Font.Weight?) -> Text

Text("lorem ipsum")
	.fontWeight(.thin)

폰트 굵기 설정

텍스트 스타일

1. func foregroundColor(Color?) -> Text

Text("lorem ipsum")
    .foregroundColor(.blue)

텍스트 색상 설정

2. func bold() -> Text

Text("lorem ipsum")
    .bold()

볼드체 설정

 

3. func italic() -> Text

Text("lorem ipsum")
    .italic()

이탤릭체 설정

4. func strikethrough(Bool, color: Color?) -> Text

Text("lorem ipsum")
    .strikethrough(true, color: .blue)

취소선 설정

5. func underline(Bool, color: Color?) -> Text

Text("lorem ipsum")
    .underline(true, color: .blue)

밑줄 설정

6. func kerning(CGFloat) -> Text

 

Text("lorem ipsum")
    .kerning(10)

 

자간 설정

7. func tracking(CGFloat) -> Text

Text("lorem ipsum")
    .tracking(10)

자간 설정. kerning과 유사하지만 후행 공백문자를 처리하는 방식에서 차이가 있다.

8. func baselineOffset(CGFloat) -> Text

Text("lorem ipsum")
    .baselineOffset(10)

baseline 간격 설정

9. func textCase(Text.Case?) -> some View

Text("lorem ipsum")
    .textCase(.uppercase)

대소문자 설정

크기 맞추기

1. func allowsTightening(Bool) -> some View

Text("lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum")
    .lineLimit(1)
    .allowsTightening(true)

텍스트 압축 설정

2. func minimumScaleFactor(CGFloat) -> some View

Text("lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum")
    .lineLimit(1)
    .minimumScaleFactor(0.5)

텍스트 스케일 조정

3. func truncationMode(Text.TruncationMode) -> some View

Text("lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum")
    .lineLimit(1)
    .truncationMode(.middle)

텍스트 압축 지점 설정

오늘은 SwiftUI의 Text에 대해 알아보았습니다.

다음엔 더 유익한 정보로 찾아 뵙겠습니다.

감사합니다.