[SwiftUI] ProgressView

오늘은 ProgressView에 대해서 알아보자!👩🏻‍🍳

---

ProgressView

ProgressView는 사용자에게 장기 실행 작업의 진행 상황을 시각적으로 표현해주는데 사용되는 UI 컴포넌트이다.

작업의 진행 상태를 나타내고 다양한 스타일과 구성을 제공한다.

 

ProgressView Apple 공식 문서

ProgressView | Apple Developer Documentation

---

기본 ProgressView

ProgressView()

 

레이블과 함께 사용하기

ProgressView("Downloading...")

 

진행 상황을 나타내는 ProgressView

@State private var progress = 0.5 // 예시로 50% 설정

ProgressView(value: progress, total: 1.0)

 

ProgressView 스타일

ProgressView는 progressViewStyle(_ : ) modifier를 사용하여 커스텀할 수 있다.

 

1. DefaultProgressViewStyle : 기본 진행 상태 스타일

2. LinearProgressViewStyle() : 선형 진행 표시기

3. CircularProgressViewStyle : 원형 진행 표시기

 

ProgressView(value: progress)
    .progressViewStyle(MyLinearProgressViewStyle())

 

 

이렇게 SwiftUI에서 제공하는 간단한 프로그레스뷰를 사용할 수 있다.

근데 이 디자인이 마음에 들지 않는다면? 난 Lottie를 사용한다.

나중에 Lottie로 간단하게 애니메이션 만들고 그 애니메이션을 적용하는 방법을 업로드할 수 있길!

 

---

 

오늘의 코드 레시피👩🏻‍🍳 완료!🩷