제어 막대는 특정 보기와 관련된 컨트롤을 제공합니다. 확장되지 않은 상태에서는 최대 5개의 컨트롤이 표시되고, 확장된 상태에서는 최대 5개의 추가 컨트롤이 표시됩니다.
미디어 앱에서 제어 막대는 재생 화면에서 재생/일시 정지, 이전, 다음 및 기타 제어 기능(타사에서 제공하는 사용자 지정 작업 포함)에 사용됩니다.
최소화된 컨트롤 바 구성 요소
최소화된 제어 막대는 여러 보기에서 사용할 수 있는 최소한의 제어 기능만 제공합니다.
컨트롤바
해부
제어 막대는 확장되지 않은 버전과 확장된 버전 두 가지가 있습니다. 확장되지 않은 버전에는 최대 5개의 제어 버튼이 포함될 수 있습니다. 미디어 앱에서는 이 중 하나가 재생/일시 정지 버튼입니다.
확장 시 제어 막대에는 두 번째 행에 최대 5개의 추가 제어 항목이 포함될 수 있습니다. 사용자는 오버플로 버튼을 선택하여 제어 막대를 확장하거나 축소할 수 있습니다.
2. 액션바의 확장된 부분
3. 제어 장치 중 하나
4. 오버플로 버튼(제어 막대를 확장 및 축소)
명세서
레이아웃 레이블
E, M, KL, P, Flex의 정의 컨트롤바
확장된 컨트롤 바
중앙 컨트롤을 고정하고 컨트롤 바에 1~4개의 컨트롤을 배치합니다.
고정된 컨트롤 없이 컨트롤 바에 1~4개의 컨트롤을 배치합니다.
컨트롤 바에 6~9개의 컨트롤 배치
레이아웃 크기 조정
이 참조 레이아웃은 다양한 화면 너비와 높이에 맞춰 제어 막대를 조정하는 방법을 보여줍니다. (너비와 높이 범주는 레이아웃 섹션에서 정의됩니다.) 모든 픽셀 값은 다운샘플링 또는 업샘플링이 발생하기 전의 렌더링된 픽셀 값입니다.
여백 간격이 1028dp 이상인 초광폭 스크린
여백 간격이 1028dp 미만인 초광폭 스크린
와이드 스크린
표준 너비 화면
짧은 화면
화면 크기가 1000dp 미만일 경우 제어 막대가 확장됩니다.
짧은 화면에서 제어 막대가 확장됩니다
화면 세로 길이가 1000dp보다 클 경우 제어 막대가 확장됩니다.
스타일
색상 가이드라인
팔레트, 높이 및 불투명도 값 등 색상
| 요소 | 색상(주간 모드) | 색상(야간 모드) |
|---|---|---|
| 기본 아이콘 | 하얀색 | 흰색 @ 88% |
| 전체 화면 스크림 | 검정색 @ 78% | 검정색 @ 84% |
| 그라디언트 스크림 | 미정 | 미정 |
사이즈
| 요소 | 크기(dp) |
|---|---|
| 컨트롤바 | 96인치(짧은 화면) 또는 128인치(표준 높이 이상) |
| 기본 아이콘 | 44 |
예시
