All Material3 Expressive Loading Indicators Explained (+ When to Use Which)
- Material 3 Expressive는 새로운 로딩 및 진행 표시기를 도입하여 사용자 경험을 향상시킵니다. ✨
- **로딩 표시기(Loading Indicators)**는 무한 애니메이션을 특징으로 하며, 기존의 원형 스타일과 Material 3 Expressive의 새로운 '모핑 셰이프' 효과가 있는 스타일(배경 유무 선택 가능)이 있습니다. 🔄
- 로딩 표시기는 예상 대기 시간이 200밀리초에서 5초 사이일 때 (예: 네트워크 요청) 사용을 권장합니다. ⏱️
- 예상 대기 시간이 200밀리초 미만일 경우, 표시기를 아예 보여주지 않는 것이 좋습니다. 🚀
- **진행 표시기(Progress Indicators)**는 0%에서 100% 사이의 명확한 진행률을 보여주며, 선형 및 원형 스타일 모두 물결(wavy) 효과를 적용할 수 있습니다. 📊
- 진행 표시기는 예상 대기 시간이 5초를 초과하고 진행률을 알 수 있을 때 (예: 파일 다운로드) 사용을 권장합니다. ⏳
- 알 수 없는 대기 시간(무한)과 알려진 대기 시간(진행률)이 혼합된 시나리오에서는, 사용자 경험의 일관성을 위해 동일한 유형의 표시기를 사용해야 합니다. 🔗
- 새로운 표시기를 사용하려면 Material 3 라이브러리 1.5.0 알파 버전 이상의 의존성이 필요합니다. 🛠️
- 다양한 표시기 이름(예:
LoadingIndicator와 CircularProgressIndicator)이 혼동을 줄 수 있다고 언급됩니다. ❓