[swift] 73.MarqueeLabel을 이용한 팝업 메시지 애니메이션 구현하기

15 Nov 2023

swift

이번에는 Swift의 MarqueeLabel을 사용하여 팝업 메시지의 애니메이션을 구현하는 방법을 알아보겠습니다. MarqueeLabel은 긴 텍스트를 자동으로 스크롤하는 레이블을 제공하는 라이브러리입니다.

MarqueeLabel 설치하기

먼저, Cocoapods을 사용하여 MarqueeLabel을 프로젝트에 추가합니다. Podfile에 다음과 같이 추가합니다:

pod 'MarqueeLabel/Swift'

그리고 터미널에서 다음 명령어를 실행하여 Cocoapods을 업데이트합니다:

pod install

MarqueeLabel 사용하기

MarqueeLabel을 사용하려는 뷰 컨트롤러에 다음 코드를 추가합니다:

import MarqueeLabel

애니메이션을 적용할 레이블을 생성합니다:

let messageLabel = MarqueeLabel(frame: CGRect(x: 0, y: 0, width: 200, height: 30), duration: 10, fadeLength: 10)
messageLabel.text = "이곳에 표시할 메시지를 입력하세요"
messageLabel.textAlignment = .center

애니메이션을 시작하기 위해 viewDidAppear 메서드에 다음 코드를 추가합니다:

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    messageLabel.marqueeType = .continuous
    messageLabel.scrollDuration = 20 // 메시지가 한 바퀴를 돌기까지 걸리는 시간 설정
    messageLabel.animationCurve = .easeInOut
    messageLabel.fadeLength = 10 // 스크롤 애니메이션 시작 전에 텍스트를 페이드 아웃하는 길이 설정
    messageLabel.leadingBuffer = 10 // 스크롤 애니메이션 종료 후 텍스트가 완전히 사라질 때까지의 여유 공간 설정
    messageLabel.trailingBuffer = 20 // 텍스트가 왼쪽으로 스크롤되는 동안 텍스트가 보이는 영역 설정
    view.addSubview(messageLabel)
}

마무리

이제 MarqueeLabel을 사용하여 팝업 메시지의 애니메이션을 구현하는 방법을 알아보았습니다. MarqueeLabel을 다양한 프로퍼티와 함께 사용하여 원하는 애니메이션 효과를 만들 수 있습니다.

더 많은 정보를 원하시면 MarqueeLabel의 공식 문서를 참고하시기 바랍니다.