[swift] 39.MarqueeLabel을 이용한 견적 메시지 스크롤 효과 구현하기

15 Nov 2023

swift

안녕하세요! 이번에는 Swift 프로그래밍 언어를 사용하여 견적 메시지를 스크롤 효과로 구현하는 방법에 대해 알아보겠습니다. 이를 위해서는 MarqueeLabel이라는 라이브러리를 사용할 것입니다.

MarqueeLabel은 UILabel의 하위 클래스로, 텍스트가 화면에 깜빡거리거나 자동으로 스크롤되는 효과를 주는 기능을 제공합니다. 이를 활용하여 견적 메시지를 부드럽게 스크롤할 수 있습니다.

MarqueeLabel 설치하기

MarqueeLabel을 사용하기 위해서는 먼저 해당 라이브러리를 프로젝트에 설치해야 합니다. 설치 방법은 CocoaPods를 통해 간단히 진행할 수 있습니다. Podfile에 다음의 코드를 추가하고, 터미널에서 pod install 명령어를 실행하면 됩니다.

pod 'MarqueeLabel'

MarqueeLabel 사용하기

먼저, MarqueeLabel을 사용할 ViewController에 import MarqueeLabel 코드를 추가합니다.
스토리보드 또는 Interface Builder에서 UILabel을 추가한 후, 해당 Label의 클래스를 MarqueeLabel로 변경합니다.
ViewController 클래스에서 IBOutlet으로 Label을 연결합니다.

@IBOutlet weak var messageLabel: MarqueeLabel!

Label에 스크롤할 텍스트를 설정합니다.

messageLabel.text = "견적 메시지 예시"

애니메이션 효과를 설정합니다. 다음은 오른쪽으로 스크롤하는 효과를 주는 예시입니다.

messageLabel.type = .continuous
messageLabel.speed = .rate(50)
messageLabel.animationCurve = .easeInOut
messageLabel.fadeLength = 10
messageLabel.leadingBuffer = 15

주의사항

MarqueeLabel을 사용할 때 주의해야 할 몇 가지 사항이 있습니다.

MarqueeLabel은 하위 클래스로 UILabel을 사용하는 경우에만 동작합니다.
MarqueeLabel의 스크롤 방향은 수평 및 수직으로 설정할 수 있습니다.
MarqueeLabel의 애니메이션 효과를 설정할 때, 적절한 speed, fadeLength, leadingBuffer 값 등을 설정해야 원하는 효과를 얻을 수 있습니다.
MarqueeLabel은 Auto Layout을 사용하는 경우에도 정확하게 동작합니다.

참고 자료

지금까지 MarqueeLabel을 이용하여 견적 메시지를 스크롤 효과로 구현하는 방법에 대해 알아보았습니다. MarqueeLabel은 다양한 텍스트 스크롤 효과를 제공하므로, 프로젝트에 활용하여 독특하고 멋진 UI를 구현해보세요.