데브허브 | DEVHUB | All Types of Sliders In Material3 Expressive ExplainedAll Types of Sliders In Material3 Expressive Explained
- Material 3 Expressive 업데이트를 통해 슬라이더에 시각적 개선이 이루어졌으며, 다양한 시나리오에 맞는 슬라이더 유형이 제공됩니다. ✨
- 일반 수평 슬라이더는 특정 단계(steps)를 두어 값을 고정하거나, 완전히 동적으로 연속적인 값을 조절할 수 있습니다. ↔️
valueRange 파라미터를 사용하여 슬라이더의 값 범위를 0f-1f 외의 값으로 자유롭게 정의할 수 있습니다. 🔢
SliderState를 활용하면 슬라이더의 현재 드래그 상태, 값의 분수, 자동 스냅 여부 등 더 세밀한 정보를 얻고 제어할 수 있습니다. 📊
thumb 및 track 컴포저블을 통해 슬라이더의 핸들과 트랙 디자인을 완전히 커스터마이징하여 고유한 UI를 구현할 수 있습니다. 🎨
- 레인지 슬라이더는 두 개의 핸들을 사용하여 사용자가 특정 값 범위를 선택할 수 있도록 하며, 수평 슬라이더와 유사한 커스터마이징 옵션을 제공합니다. ↕️
- 수직 슬라이더는 볼륨 조절과 같이 세로 방향으로 값을 변경할 때 유용하며,
reverseDirection 불리언을 통해 채워지는 방향을 변경할 수 있습니다. ⬆️
- Material 3 Expressive 슬라이더를 구현하려면
material3-expressive의 알파 버전을 사용해야 하며, Jetpack Compose 환경에서 작동합니다. 🧪
- Material 3 디자인 가이드라인에는 다양한 두께와 크기의 슬라이더가 권장되지만, 현재 알파 버전에서는 슬라이더 트랙의 두께를 직접 조절하는 기능이 명확히 제공되지 않습니다. 📏