개요
앱에서 시청률 정보를 표시할 때, 한정된 공간에 긴 텍스트를 표시해야 할 때가 있습니다. 이때 Marquee(마키) 효과를 사용하면 텍스트가 자동으로 이동하면서 모두 표시될 수 있습니다. 이번 예제에서는 MarqueeLabel 라이브러리를 사용하여 시청률 정보를 표시하는 효과를 구현해보겠습니다.
MarqueeLabel 라이브러리 가져오기
MarqueeLabel은 Cocoapods를 통해 간단하게 설치할 수 있습니다. Podfile에 다음과 같이 추가하고 터미널에서 pod install 명령어를 실행해주세요.
pod 'MarqueeLabel'
MarqueeLabel 사용하기
먼저 MarqueeLabel을 사용하기 위해 import 구문을 추가해줍니다.
import MarqueeLabel
다음으로, MarqueeLabel을 생성하고 기존의 UILabel 대신에 사용하는 방법을 알아보겠습니다.
let marqueeLabel = MarqueeLabel(frame: CGRect(x: 0, y: 0, width: 200, height: 20))
marqueeLabel.text = "시청률 정보: 10%"
marqueeLabel.marqueeType = .MLContinuous
marqueeLabel.scrollDuration = 10.0
marqueeLabel.trailingBuffer = 30
self.view.addSubview(marqueeLabel)
위 코드에서 marqueeLabel 객체를 생성한 후, 텍스트를 설정해줍니다. marqueeType 속성을 .MLContinuous로 설정하여 텍스트가 무한히 이동하게 만들고, scrollDuration 속성을 설정하여 텍스트가 이동하는 데 걸리는 시간을 조절할 수 있습니다. 또한 trailingBuffer 속성을 설정하여 텍스트가 완전히 사라지기 전에 멈출 위치를 지정할 수 있습니다.
예제 상황
이 예제를 통해 앱에서 실시간 시청률 정보를 표시하는 데에 MarqueeLabel을 활용할 수 있습니다. 예를 들어, TV 프로그램의 시청률을 표시하고 싶은 경우, MarqueeLabel을 사용하여 텍스트가 자동으로 스크롤되면서 모든 시청률 정보를 표시할 수 있습니다.
결론
MarqueeLabel은 텍스트가 자동으로 이동하는 효과를 구현할 때 유용하게 사용할 수 있는 라이브러리입니다. 시청률 정보와 같이 긴 텍스트를 표시해야 할 때, MarqueeLabel을 사용하여 사용자에게 보기 좋은 효과를 제공할 수 있습니다.