관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - swift] 2. 특정 문자열 사이 간격 조절 방법 (#lineSpacing 고급) 본문

iOS 응용 (swift)

[iOS - swift] 2. 특정 문자열 사이 간격 조절 방법 (#lineSpacing 고급)

jake-kim 2023. 10. 24. 01:44

1. lineSpacing, lineHeight 개념 (#baselineOffset)

2. 특정 문자열 사이 간격 조절 방법 (#lineSpacing 고급)

문자열 사이 간격 조절 아이디어

  • "ABC\n123\ndef"라는 문자열이 있을 때 ABC와 123 사이 간격을 10으로 하고, 123과 def의 간격을 30으로 하고 싶은 경우?
  • lineSpacing은 저번 포스팅 글에서 알아본 대로 라인의 첫번째 문자열 기준으로 lineSpacing이 결정되는 개념을 이용
    • "ABC"의 lineSpacing을 10으로 설정, "123"의 lineSpacing을 30으로 설정

예제

ex) "ABC\ndef"에서 "ABC"와 "def"사이 간격을 30으로 만들기

적용 전)

적용 후)

let text = "ABC\n123\ndef"
let attributedText = NSMutableAttributedString(string: text)

let abcRange = (text as NSString).range(of: "ABC")
let paragraphStyle1 = NSMutableParagraphStyle()
paragraphStyle1.lineSpacing = 10
attributedText.addAttribute(.paragraphStyle, value: paragraphStyle1, range: abcRange)

let line123DefRange = (text as NSString).range(of: "123")
let paragraphStyle2 = NSMutableParagraphStyle()
paragraphStyle2.lineSpacing = 30
attributedText.addAttribute(.paragraphStyle, value: paragraphStyle2, range: line123DefRange)

label.attributedText = attributedText

고급) 특정 문자열 후 line spacing을 적용

  • 만약 "김종권의 iOS앱 개발 알아가기 문자열 간격 예제\n코드\n스위프트"라는 문자열이 있는 경우
  • 위 예제처럼 간격을 10, 30으로 설정하고 싶을 때 아래처럼 설정이 가능
let text = "김종권의 iOS앱 개발 알아가기 문자열 간격 예제\n코드\n스위프트"
let attributedText = NSMutableAttributedString(string: text)

let firstRange = (text as NSString).range(of: "김종권의 iOS앱 개발 알아가기 문자열 간격 예제")
let paragraphStyle1 = NSMutableParagraphStyle()
paragraphStyle1.lineSpacing = 10
attributedText.addAttribute(.paragraphStyle, value: paragraphStyle1, range: firstRange)

let secondRange = (text as NSString).range(of: "코드")
let paragraphStyle2 = NSMutableParagraphStyle()
paragraphStyle2.lineSpacing = 30
attributedText.addAttribute(.paragraphStyle, value: paragraphStyle2, range: secondRange)

label.attributedText = attributedText

  • 하지만 위 코드는 개행기준이 아닌, 문자열 기준이므로 첫번째 줄의 문자열이 길어지게 되면 아래처럼 첫번째 문자열 간격에도 적용

  • 개행문자 기준으로 처리하는 방법?
    • lineSpacing기준: "김종권의 iOS앱 개발 알아가기 문자열 간격 예제 긴 문자열인"이후에는 10, 코드 다음엔 30으로 적용

적용 전)

기대 결과)

  • 구현 아이디어
    • "\n"가 등장하기 바로 직전의 문자열 1줄을 획득 "문자열의 경우"와 "코드"
    • \n 전의 문자열인 "문자열의 경우"와 "코드" range 대상으로 lineSpacing 을 각각 10과 30으로 부여하면 완료
  • 조금 더 쉽게 lineSpacing의 특성인 라인 첫 번째 문자열이 속해있으면 해당 라인 다음 줄을 lineSpacing값이 적용되고, 첫 번째 문자열이 속해있지 않으면 무시되는 속성을 이용
let text = "김종권의 iOS앱 개발 알아가기 문자열 간격 예제 긴 문자열인 경우\n코드\n스위프트"
let attributedText = NSMutableAttributedString(string: text)

let abcRange = (text as NSString).range(of: "종권의 iOS앱 개발 알아가기 문자열 간격 예제 긴 문자열인 경우")
let paragraphStyle1 = NSMutableParagraphStyle()
paragraphStyle1.lineSpacing = 10
attributedText.addAttribute(.paragraphStyle, value: paragraphStyle1, range: abcRange)

let line123DefRange = (text as NSString).range(of: "코드")
let paragraphStyle2 = NSMutableParagraphStyle()
paragraphStyle2.lineSpacing = 30
attributedText.addAttribute(.paragraphStyle, value: paragraphStyle2, range: line123DefRange)

label.attributedText = attributedText

완성)

큰 디바이스, 작은 디바이스 모두 원하는 곳의 lineSpacing 적용 확인)

* 전체 코드: https://github.com/JK0369/ExLineSpacingHeight

 

Comments