[swift] 22.MarqueeLabel을 이용한 날씨 정보 스크롤 구현하기

15 Nov 2023

이번 포스트에서는 MarqueeLabel 라이브러리를 사용하여 날씨 정보를 스크롤하는 기능을 구현하는 방법에 대해 알아보겠습니다.

1. Cocoapods를 이용하여 MarqueeLabel 라이브러리 추가하기

MarqueeLabel은 Cocoapods를 통해 손쉽게 추가할 수 있습니다. 프로젝트의 Podfile에 다음과 같은 코드를 추가해주세요.

pod 'MarqueeLabel'

그리고 터미널에서 아래 명령어를 실행하여 라이브러리를 설치해주세요.

pod install

다음으로, 스크롤할 텍스트를 보여줄 라벨을 만들어야 합니다. 먼저, MarqueeLabel을 사용하기 위해 import MarqueeLabel을 추가해주세요.

import MarqueeLabel

그리고 MarqueeLabel을 초기화하고 프레임을 설정해주세요.

let marqueeLabel = MarqueeLabel(frame: CGRect(x: 0, y: 0, width: 200, height: 30))
marqueeLabel.text = "오늘의 날씨는 맑음입니다. 기온은 25도입니다."

MarqueeLabel에는 다양한 설정 옵션이 있습니다. 일부 중요한 옵션들을 살펴보겠습니다.

type : 스크롤 타입을 설정합니다. continuous, leftRight, rightLeft, down, up 등의 옵션이 있습니다.
scrollDuration : 스크롤되는 시간을 설정합니다.
animationCurve : 스크롤 애니메이션의 곡선을 설정합니다. linear, easeIn, easeOut, easeInOut 등의 옵션이 있습니다.
fadeLength : 텍스트가 스크롤되는 동안 페이드 아웃되는 길이를 설정합니다.

아래는 예시입니다.

marqueeLabel.type = .continuous
marqueeLabel.scrollDuration = 10.0
marqueeLabel.animationCurve = .easeInOut
marqueeLabel.fadeLength = 10.0

마지막으로, MarqueeLabel을 원하는 위치에 추가해주세요. 예를 들어, UIView의 서브뷰로 추가할 경우 다음과 같이 코드를 작성할 수 있습니다.

view.addSubview(marqueeLabel)

이제 MarqueeLabel을 이용하여 날씨 정보를 스크롤하는 기능을 구현하는 방법에 대해 알아보았습니다. MarqueeLabel을 사용하면 텍스트를 스크롤하는 동적인 효과를 쉽게 구현할 수 있습니다.

더 자세한 설정 옵션 및 예제 코드는 MarqueeLabel GitHub 페이지를 참고해주세요.