[swift] 16.MarqueeLabel을 이용한 노래 가사 효과 구현하기

소개

MarqueeLabel은 UILabel의 하위 클래스로, 텍스트를 스크롤 말풍선 형태로 보여주는 기능을 제공합니다. 이를 이용하여 노래 가사와 같은 긴 텍스트를 화면에서 자연스럽게 스크롤할 수 있습니다.

MarqueeLabel 설치하기

MarqueeLabel은 Cocoapods를 통해 간단하게 설치할 수 있습니다. Podfile에 다음과 같이 작성한 뒤 pod install을 실행합니다.

pod 'MarqueeLabel'

MarqueeLabel 사용하기

  1. MarqueeLabel 라이브러리를 import 합니다.
import MarqueeLabel
  1. UILabel을 MarqueeLabel로 대체합니다.
let marqueeLabel = MarqueeLabel(frame: CGRect(x: 0, y: 0, width: 200, height: 30))
  1. MarqueeLabel에 텍스트를 설정합니다.
marqueeLabel.text = "노래 가사를 입력하세요"
  1. MarqueeLabel의 스크롤 속도와 방향을 설정합니다.
marqueeLabel.scrollDuration = 10
marqueeLabel.direction = .right
  1. MarqueeLabel을 화면에 추가합니다.
self.view.addSubview(marqueeLabel)

추가 설정

  1. 패딩 설정하기

MarqueeLabel의 패딩 값을 조절하여 텍스트와 경계 사이의 간격을 조정할 수 있습니다.

marqueeLabel.leadingBuffer = 30
marqueeLabel.trailingBuffer = 50
  1. 무한 스크롤 설정하기

MarqueeLabel을 무한으로 스크롤할 수 있도록 설정할 수 있습니다.

marqueeLabel.isMarqueeEnabled = true
marqueeLabel.tag = 101

결론

MarqueeLabel을 사용하면 긴 텍스트를 보다 효과적으로 화면에 표시할 수 있습니다. 노래 가사와 같은 긴 텍스트를 스크롤하는 효과를 구현하고 싶다면 MarqueeLabel을 사용해보세요.

참고 문서