[swift] 28.MarqueeLabel을 이용한 슬라이드쇼 설명 효과 애니메이션 구현하기

15 Nov 2023

swift

앱에서 사용자에게 효과적인 설명과 애니메이션을 제공하기 위해 MarqueeLabel을 이용한 슬라이드쇼 효과를 구현하는 방법을 알아보겠습니다.

MarqueeLabel 소개

MarqueeLabel은 UILabel의 하위 클래스로, 긴 텍스트를 슬라이드 형태로 표시하기 위한 라이브러리입니다. 텍스트가 화면에 다 들어가지 않을 때 자동으로 애니메이션을 통해 슬라이드하며 표시되는 기능을 제공합니다.

구현 단계

MarqueeLabel 라이브러리 추가하기

MarqueeLabel을 사용하기 위해 프로젝트에 해당 라이브러리를 추가해야 합니다. 이를 위해 아래와 같은 코드를 Podfile에 추가합니다.
```
pod 'MarqueeLabel'
```
적용 후, Terminal에서 pod install 명령어를 실행하여 라이브러리를 설치합니다.
MarqueeLabel 객체 생성하기

스토리보드에서 MarqueeLabel 객체를 추가하거나 코드로 직접 생성합니다.
```
let marqueeLabel = MarqueeLabel(frame: CGRect(x: 50, y: 100, width: 200, height: 50))
```
텍스트 설정하기

MarqueeLabel의 텍스트를 설정합니다.
```
marqueeLabel.text = "안녕하세요, MarqueeLabel입니다!"
```

애니메이션 속성 설정하기

MarqueeLabel의 애니메이션에 대한 속성을 설정합니다. 예를 들어, 애니메이션 속도와 반복 여부를 설정할 수 있습니다.

marqueeLabel.scrollDuration = 10.0 // 애니메이션 시간 설정 (초 단위)
marqueeLabel.fadeLength = 10.0 // 텍스트가 사라지는 길이 설정 (오른쪽 외부에서 사라짐)
marqueeLabel.trailingBuffer = 30.0 // 텍스트가 완전히 사라지기 전에 유지되는 공간 설정
marqueeLabel.continuousMarquee = true // 반복 여부 설정 (true면 계속 슬라이드)

MarqueeLabel 추가하기

MarqueeLabel을 원하는 View에 추가합니다.
```
view.addSubview(marqueeLabel)
```
애니메이션 시작하기

MarqueeLabel의 애니메이션을 시작합니다.
```
marqueeLabel.type = .continuous
marqueeLabel.restartLabel()
```

결론

MarqueeLabel을 사용하여 슬라이드쇼 효과를 구현하는 방법을 알아보았습니다. 텍스트가 너무 길어서 화면에 다 표시되지 않을 때, MarqueeLabel을 사용하여 사용자에게 효과적인 설명과 애니메이션을 제공할 수 있습니다.

참고 자료

MarqueeLabel 라이브러리 GitHub: https://github.com/cbpowell/MarqueeLabel