최소화된 컨트롤바

최소화된 제어 막대는 최소한의 제어 기능과 메타데이터를 표시하는 데 사용됩니다. 선택하면 더 큰 제어 막대와 추가 제어 기능이 포함된 전체 화면 오버레이가 열립니다.

예를 들어, 미디어 앱의 최소화된 제어 막대는 음악이 재생되는 동안 앱 전체에서 사용할 수 있는 소수의 재생 제어 기능과 메타데이터를 유지하며, 전체 화면 재생 보기를 열 수도 있습니다.

말풍선 아이콘
컨트롤 바 구성 요소
전체 제어 막대는 확장된 제어 기능 세트를 표시할 수 있습니다.

해부

1. 콘텐츠 타일
2. 메타데이터
3. 제어

명세서

말풍선 아이콘
목록 항목 구성 요소
사양, 스타일 가이드라인 등

최소화된 컨트롤 바

텍스트 넘침이 있는 최소화된 제어 막대

레이아웃 크기 조정

이 참조 레이아웃은 다양한 화면 너비와 높이에 맞춰 최소화된 제어 막대를 조정하는 방법을 보여줍니다. 모든 픽셀 값은 다운샘플링 또는 업샘플링이 발생하기 전의 렌더링된 픽셀 값입니다.

표준 너비 화면

와이드 스크린

초광각 및 초대형 스크린

스타일

타이포그래피

타입 스타일 글꼴 무게 크기(dp)
본문 1 로보토 정기적인 32
본문 3 로보토 정기적인 24

색상

요소 색상(주간 모드) 색상(야간 모드)
기본 유형 하얀색 흰색 @ 88%
보조 유형 흰색 @ 72% 흰색 @ 60%
아이콘 하얀색 흰색 @ 88%
경과 시간 표시기 제3자 악센트 제3자 악센트
남은 시간 표시기 #464A4D #464A4D
최소화된 제어 막대의 배경 #0E1013 @ 84% #0E1013 @ 88%
그라디언트 절단 텍스트 공간의 10%에 검정색(0~100%)을 적용합니다. 텍스트 공간의 10%에 검정색(0~100%)을 적용합니다.

사이즈

요소 크기(dp)
아이콘 44
콘텐츠 타일 96
진행 표시기 84
진행률 표시기 추적 4
최소화된 컨트롤 바의 높이 128
둥근 모서리 반경(R1) 4

예시

표준 너비보다 넓은 화면에서는 제어 막대가 최소화됩니다.

표준 너비 화면에 맞춰 제어 막대를 최소화했습니다.