이번 예제에서는 MarqueeLabel을 이용하여 지하철 시간표를 스크롤하는 효과를 구현해보겠습니다. MarqueeLabel은 UILabel의 서브클래스로, 텍스트가 끝까지 보여지지 않을 때 자동으로 스크롤되는 기능을 제공합니다.

1. MarqueeLabel 설치하기

먼저, 프로젝트에 MarqueeLabel 라이브러리를 설치해야 합니다. MarqueeLabel은 Cocoapods를 통해 간단히 설치할 수 있습니다.

pod 'MarqueeLabel', '~> 4.1'

Podfile에 위의 코드를 추가하고, 터미널에서 pod install 명령어를 실행하여 MarqueeLabel을 프로젝트에 설치합니다.

2. MarqueeLabel 사용하기

MarqueeLabel을 사용하기 위해 먼저 해당 라이브러리를 import 해줍니다.

import MarqueeLabel

스토리보드에서 UILabel을 추가하고, Custom Class를 MarqueeLabel로 지정합니다.

스크롤 효과를 적용할 UILabel에 IBOutlet을 연결해줍니다.

@IBOutlet weak var subwayTimeLabel: MarqueeLabel!

마지막으로, 다음과 같이 코드를 작성하여 스크롤 효과를 적용합니다.

subwayTimeLabel.marqueeType = .continuous
subwayTimeLabel.scrollDuration = 15
subwayTimeLabel.fadeLength = 10
subwayTimeLabel.trailingBuffer = 20

• marqueeType은 텍스트가 스크롤되는 방향을 설정합니다. .continuous로 설정하면 왼쪽에서 오른쪽으로 텍스트가 이동합니다.
• scrollDuration은 텍스트가 스크롤되는 시간을 설정합니다.
• fadeLength는 텍스트가 사라지기 시작할 위치를 설정합니다. 이 값은 텍스트의 마지막 글자에서 멀어질수록 클수록 텍스트가 부드럽게 사라집니다.
• trailingBuffer는 텍스트가 완전히 사라진 후 다시 나타나기 시작할 위치를 설정합니다.

3. 추가적인 설정

MarqueeLabel은 다양한 설정을 제공하여 사용자 정의할 수 있습니다. 자세한 설정에 대해서는 공식 문서를 참고하시기 바랍니다.

마무리

이번 예제에서는 MarqueeLabel을 이용하여 지하철 시간표를 스크롤하는 효과를 구현해보았습니다. MarqueeLabel은 텍스트가 넘치는 경우 스크롤 효과를 보여줌으로써 사용자에게 더 나은 사용자 경험을 제공할 수 있습니다.