프로그레스 바는 많은 앱에서 사용되는 중요한 UI 요소 중 하나입니다. 사용자에게 작업의 진행 상태를 시각적으로 보여주는 데 도움을 줍니다. 여기에서는 MarqueeLabel과 함께 프로그레스 바를 스크롤하는 방법을 살펴보겠습니다.

1. MarqueeLabel 라이브러리 가져오기

먼저, MarqueeLabel 라이브러리를 프로젝트에 추가해야 합니다. 이를 위해 CocoaPods을 사용할 수 있습니다. Podfile에 다음을 추가하고 pod install을 실행하세요.

pod 'MarqueeLabel'

2. MarqueeLabel을 사용한 프로그레스 바 구현하기

프로그레스 바를 구현하기 위해 다음 단계를 따르세요.

2.1 Storyboard에서 MarqueeLabel 추가하기

Storyboard에서 원하는 위치에 MarqueeLabel을 추가합니다.

2.2 IBOutlet 연결하기

ViewController에 IBOutlet으로 MarqueeLabel을 연결합니다.

@IBOutlet weak var progressLabel: MarqueeLabel!

2.3 프로그레스 바 값 업데이트하기

프로그레스 바의 값이 변경될 때마다 MarqueeLabel의 텍스트를 업데이트합니다. 예를 들어, updateProgress() 함수를 사용하여 프로그레스 바의 진행 상태를 업데이트합니다.

func updateProgress() {
    let progress = 0.75 // 예시로 75% 진행 상태로 설정
    
    // MarqueeLabel의 텍스트 업데이트
    progressLabel.text = "진행 상태: \(Int(progress * 100))%"
}

2.4 프로그레스 바 스크롤 구현하기

프로그레스 바의 값을 업데이트하기 위해 타이머를 사용하여 진행 상태를 계속적으로 갱신합니다. 이를 위해 viewDidLoad() 함수에서 다음 코드를 추가합니다.

override func viewDidLoad() {
    super.viewDidLoad()

    // 타이머를 사용하여 프로그레스 바의 값을 업데이트
    Timer.scheduledTimer(withTimeInterval: 1.0, repeats: true) { timer in
        self.updateProgress()
    }
}

결론

MarqueeLabel을 사용하여 프로그레스 바를 스크롤하는 방법에 대해 알아보았습니다. 이 구현을 통해 사용자에게 작업의 진행 상태를 시각적으로 보여줄 수 있습니다. 다양한 프로그레스 바 스타일을 선택하고 나만의 디자인을 추가해보세요.

참고 자료

• MarqueeLabel GitHub