[swift] 88.MarqueeLabel을 이용한 학사 일정 애니메이션 효과 구현하기

안녕하세요! 이번에는 Swift의 MarqueeLabel을 이용하여 학사 일정을 애니메이션 효과로 보여주는 방법을 알아보겠습니다.

MarqueeLabel은 레이블 내의 텍스트를 지정된 속도로 애니메이션하여 보여주는 뷰입니다. 이를 이용하면 긴 텍스트나 길게 째인 문자열을 자연스럽게 애니메이션하여 표시할 수 있습니다.

1. MarqueeLabel 설치하기

MarqueeLabel을 사용하기 위해 먼저 해당 라이브러리를 설치해야 합니다. Cocoapods를 사용한다면, Podfile에 다음과 같이 추가합니다.

pod 'MarqueeLabel'

그리고 pod install 명령어를 실행하여 필요한 파일을 설치합니다.

2. MarqueeLabel 사용하기

MarqueeLabel을 사용하기 위해 먼저 해당 클래스를 import합니다.

import MarqueeLabel

다음으로, MarqueeLabel을 생성하여 원하는 속성을 설정합니다. 예를 들어, 다음과 같이 생성할 수 있습니다.

let marqueeLabel = MarqueeLabel()
marqueeLabel.text = "2022년 1학기 학사 일정: 개강일 - 3월 2일, 종강일 - 6월 17일"
marqueeLabel.type = .continuous
marqueeLabel.scrollSpeed = 50
marqueeLabel.animationCurve = .easeInOut
marqueeLabel.fadeLength = 10

text 속성에는 애니메이션으로 표시할 텍스트를 설정합니다. type 속성은 애니메이션의 종류를 선택하는데, .continuous는 텍스트가 끊임없이 애니메이션을 반복하는 형태입니다. scrollSpeed는 애니메이션의 속도를 설정하며, 숫자가 클수록 빠른 속도로 애니메이션됩니다. animationCurve는 애니메이션의 곡선을 설정합니다. .easeInOut는 처음과 끝 부분에 완만한 곡선을 가지는 애니메이션 형태입니다. fadeLength는 텍스트가 시작과 끝에서 얼마나 서서히 페이드아웃되는지를 설정합니다.

마지막으로, MarqueeLabel을 원하는 위치에 추가하고 애니메이션을 시작합니다.

marqueeLabel.frame = CGRect(x: 0, y: 0, width: 300, height: 30)
self.view.addSubview(marqueeLabel)
marqueeLabel.startAnimation()

위의 코드에서는 새로운 CGRect로 MarqueeLabel의 크기와 위치를 설정한 다음, view에 추가한 후 애니메이션을 시작합니다.

3. 추가 설정

MarqueeLabel의 다양한 설정과 사용법에 대해서는 공식 문서를 참조하시기 바랍니다. 원하는 대로 텍스트의 속도, 애니메이션 종류, 페이드아웃 효과 등을 조절해보세요.

결론

이렇게 MarqueeLabel을 이용하여 학사 일정 애니메이션 효과를 구현해보았습니다. MarqueeLabel은 다른 텍스트나 문자열을 자연스럽게 애니메이션하여 표시하는 데 유용한 라이브러리입니다. 사용해보시면 서서히 이동하는 텍스트 효과를 구현할 수 있습니다.

참조: MarqueeLabel Github