스택

스택은 알림이나 카드와 같은 스택형 시각적 요소로 한 번에 하나의 콘텐츠만 표시하는 접힌 목록입니다.

원칙

스택은 컨테이너 구성요소이므로 카드 및 목록과 디자인 원칙을 공유합니다.

포함: 스택은 관련 정보와 작업을 이해하기 쉬운 단일 단위로 그룹화합니다.

집중 및 명확성: 콘텐츠를 명확하고 집중된 방식으로 제공합니다.

다양한 기능: 스택은 카드와 알림을 표시할 수 있습니다.

일관된 프레젠테이션: 스택은 일관된 시각적 구조를 따릅니다.

사용 및 배치

스택은 목록에 여러 요소가 접혀 있음을 사용자에게 보여주면서도 표시되는 시각적 요소를 최소화하는 방법입니다. 스택에는 두 가지 변형이 있습니다. 

카드 스택

알림 스택

스택은 컨테이너 구성요소이며 두 버전 모두 다르게 작동하거나 다르게 보이지 않습니다. 

두 앱은 거의 동일하게 표시되고 작동해야 합니다. 스택은 페이지로 나누기를 위한 기본 제공 논리가 있는 이러한 컨트롤의 컨테이너입니다. 

사용자는 터치패드를 앞뒤로 스와이프하거나 드래그하여 탐색합니다. 스택을 스크롤하면 한 번에 하나의 항목만 이동합니다.

깊이를 사용하여 포커스 표시

스택 하단 항목은 깊이 0을 사용하고 최상단 항목은 깊이 +2를 사용합니다.

스택은 한 번에 한 항목씩 순회할 수 있습니다

터치 입력 시 스택은 세로로 이동하여 한 번에 하나의 항목을 표시할 수 있습니다.

터치 입력 시 스택은 한 번에 두 개 이상의 요소를 표시하는 목록이 될 수 있습니다.  목록은 기본 컨테이너와 포커스 상태를 사용해야 합니다.

분석

스택은 항상 페이지로 나누기 구성요소로 축소됩니다. 중첩된 사용 설정된 버튼이 없는 한 상단 항목은 항상 기본 포커스이며 더 강한 테두리 깊이를 보여줍니다.

범퍼는 스택의 끝/시작을 강화하는 데 도움이 됩니다. 목록을 놓으면 제자리로 스냅하는 스프링 애니메이션

맞춤설정

스택에는 맞춤설정할 수 없는 스크림, 페이지로 나누기, 애니메이션이 내장되어 있습니다. 스택 내 콘텐츠가 맞춤설정됩니다.