[swift] 63.MarqueeLabel을 이용한 실시간 온라인 강의 정보 효과 구현하기

15 Nov 2023

swift

이번 블로그 포스트에서는 Swift의 MarqueeLabel 라이브러리를 사용하여 실시간으로 업데이트되는 온라인 강의 정보를 표시하는 효과를 구현하는 방법을 알아보겠습니다.

1. MarqueeLabel 소개

MarqueeLabel은 텍스트를 스크롤링하는 라이브러리로, iOS 앱에서 중요한 정보나 공지사항 등을 강조하여 표시하는 데 유용합니다. MarqueeLabel은 UILabel의 서브클래스로 제공되며, 다양한 설정 옵션을 제공하여 텍스트의 스크롤 속도, 방향, 애니메이션 효과 등을 조정할 수 있습니다.

2. MarqueeLabel 설치

MarqueeLabel은 CocoaPods를 통해 설치할 수 있습니다. Podfile에서 다음과 같이 MarqueeLabel을 추가합니다.

pod 'MarqueeLabel'

프로젝트 폴더에서 터미널을 열고 다음 명령을 실행하여 MarqueeLabel을 설치합니다.

$ pod install

3. MarqueeLabel 사용법

MarqueeLabel을 사용하려면 다음 단계를 따르세요.

먼저, MarqueeLabel을 import합니다.

import MarqueeLabel

Storyboard 또는 코드를 사용하여 UILabel을 생성한 후, 해당 레이블을 MarqueeLabel로 변환합니다.

@IBOutlet weak var titleLabel: UILabel!

self.titleLabel = MarqueeLabel(frame: titleLabel.frame)
titleLabel.text = "온라인 강의 정보" // 표시할 텍스트 설정

MarqueeLabel의 속성을 설정합니다. 아래는 일부 속성의 예시입니다.

titleLabel.marqueeType = .continuous // 스크롤링 방식 설정
titleLabel.scrollDirection = .left // 스크롤 방향 설정
titleLabel.animationCurve = .easeInOut // 애니메이션 효과 설정
titleLabel.speed = MarqueeLabel.speedLimit(fPS: 30) // 텍스트 스크롤 속도 설정

마지막으로, MarqueeLabel을 화면에 추가합니다.

self.view.addSubview(titleLabel)

4. 효과 구현하기

실시간으로 업데이트되는 온라인 강의 정보를 표시하기 위해서는 주기적으로 텍스트를 변경해야 합니다. 아래는 예시 코드입니다.

func updateLectureText() {
    let lectureInfo = getUpdatedLectureInfo() // 업데이트된 강의 정보 가져오기
    titleLabel.text = lectureInfo // 텍스트 업데이트
}

위의 코드에서 getUpdatedLectureInfo()는 온라인 강의 정보를 업데이트하는 함수로, 필요에 따라 적절하게 구현해야 합니다.

마지막으로, 타이머를 사용하여 주기적으로 텍스트를 업데이트하는 코드를 추가합니다.

let timer = Timer.scheduledTimer(timeInterval: 60, target: self, selector: #selector(updateLectureText), userInfo: nil, repeats: true)

위의 코드에서 timeInterval은 업데이트 주기를 설정한 것이며, 60은 1분을 의미합니다. 따라서, 1분마다 updateLectureText() 함수가 호출되어 텍스트가 업데이트됩니다.

5. 결론

이렇게 MarqueeLabel을 사용하여 실시간으로 업데이트되는 온라인 강의 정보를 효과적으로 표시할 수 있습니다. MarqueeLabel의 다양한 설정 옵션을 활용하여 원하는 스크롤 효과를 구현해보세요.

참고 자료

MarqueeLabel 라이브러리 GitHub 페이지