[swift] 65.MarqueeLabel을 이용한 할인 이벤트 효과 스크롤 구현하기

15 Nov 2023

swift

안녕하세요! 이번에는 MarqueeLabel을 이용하여 할인 이벤트의 효과 스크롤을 구현하는 방법에 대해 알아보겠습니다.

MarqueeLabel이란?

MarqueeLabel은 UILabel의 하위 클래스로, 긴 문자열을 자동으로 스크롤하여 화면에 표시해주는 기능을 제공합니다. 이를 이용하면 짧은 공간에 긴 문자열을 효과적으로 표시할 수 있습니다.

설치하기

먼저, MarqueeLabel을 설치해야 합니다. CocoaPods를 사용하여 설치하는 방법은 다음과 같습니다:

pod 'MarqueeLabel'

Usage

MarqueeLabel을 사용하기 위해서는 먼저 적절한 크기와 위치로 UILabel을 생성해야 합니다. 그리고 해당 UILabel을 MarqueeLabel로 형변환해주어야 합니다. 아래의 예시 코드를 참고해주세요:

import MarqueeLabel

class ViewController: UIViewController {

    @IBOutlet weak var eventLabel: UILabel!

    override func viewDidLoad() {
        super.viewDidLoad()

        // MarqueeLabel로 형변환
        guard let marqueeLabel = eventLabel as? MarqueeLabel else {
            return
        }

        // 추가 설정
        marqueeLabel.type = .continuous
        marqueeLabel.scrollDuration = 15.0
        marqueeLabel.animationCurve = .easeInOut
        marqueeLabel.fadeLength = 10.0
        marqueeLabel.leadingBuffer = 30.0
        marqueeLabel.trailingBuffer = 20.0

        // 표시할 이벤트 문자열 설정
        marqueeLabel.text = "할인 이벤트! 50% 할인!! 이번 주말에만 진행됩니다."

        // 스크롤 시작
        marqueeLabel.restartLabel()
    }

}

위의 코드에서 eventLabel은 스토리보드나 코드로 생성한 UILabel 객체입니다. 이를 MarqueeLabel로 형변환하고, 추가적인 설정을 해주고 마지막으로 스크롤을 시작하면 원하는 효과를 얻을 수 있습니다.

결론

MarqueeLabel은 UILabel을 활용하여 할인 이벤트와 같은 긴 문자열을 스크롤로 표시하는 기능을 제공합니다. 이를 이용하여 공간을 효율적으로 활용하고, 텍스트를 동적으로 표시하는데 유용합니다. 위의 예시 코드를 참고하여 이벤트 효과 스크롤을 구현해보세요!