안녕하세요! 이번에는 팝업 창 내의 텍스트를 애니메이션으로 움직이게 하는 방법을 알아보겠습니다. 이를 구현하기 위해 MarqueeLabel 라이브러리를 사용할 것입니다.

1. MarqueeLabel 라이브러리 설치하기

먼저, MarqueeLabel 라이브러리를 설치해야 합니다. 이를 위해서는 CocoaPods를 사용할 수 있습니다.

Podfile에 다음과 같이 MarqueeLabel을 추가합니다.

pod 'MarqueeLabel'

그리고 터미널에서 다음 명령어를 실행하여 설치합니다.

pod install

2. 프로젝트에 MarqueeLabel 추가하기

MarqueeLabel을 사용하려면, 해당 라이브러리를 프로젝트에 추가해야 합니다.

1. MarqueeLabel 라이브러리를 다운로드 받은 후, 프로젝트 폴더에 드래그 앤 드랍합니다.
2. “Copy items if needed”를 체크하고, 프로젝트의 타겟을 선택한 후, “Finish”를 클릭합니다.

3. MarqueeLabel 사용하기

이제 MarqueeLabel을 사용하여 팝업 창 텍스트 애니메이션을 구현할 차례입니다.

먼저, 팝업 창에 UILabel을 추가한 후, 해당 UILabel을 MarqueeLabel로 타입 캐스팅합니다.

import MarqueeLabel

class PopupViewController: UIViewController {
    
    @IBOutlet weak var popupLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        if let marqueeLabel = popupLabel as? MarqueeLabel {
            marqueeLabel.type = .continuous
            marqueeLabel.scrollRate = 50.0
            marqueeLabel.animationDelay = 2.0
        }
    }
}

위의 예시 코드에서는 popupLabel이라는 IBOutlet으로 바인딩된 UILabel을 MarqueeLabel로 타입 캐스팅한 후, 애니메이션 속성인 type, scrollRate, animationDelay를 설정하였습니다.

• type은 스크롤 방향을 지정하는 속성으로 .continuous로 설정하면 좌측에서 우측으로 텍스트가 이동합니다.
• scrollRate는 텍스트의 스크롤 속도를 결정하는 속성으로, 값을 조정하여 원하는 속도로 텍스트가 이동하도록 설정할 수 있습니다.
• animationDelay는 텍스트가 스크롤을 시작하기까지의 딜레이를 설정하는 속성입니다.

프로젝트를 실행하고 팝업 창을 표시하면, 텍스트가 애니메이션으로 스크롤되는 것을 확인할 수 있습니다.

이렇게 MarqueeLabel을 사용하면 팝업 창이나 공지 사항 등에서 텍스트를 부드럽게 스크롤하는 효과를 구현할 수 있습니다.

참고 자료

• MarqueeLabel 라이브러리 GitHub 저장소: https://github.com/cbpowell/MarqueeLabel