스택

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

원칙

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

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

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

다용도: 스택은 카드와 알림을 표시할 수 있습니다.

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

사용 및 배치

스택은 목록에서 접힌 요소가 여러 개 있음을 사용자에게 보여주는 동시에 뷰 내의 시각적 요소를 최소화하는 방법입니다. 스택에는 두 가지 변형이 있습니다.

• 카드 스택

• 알림 스택

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

둘 다 거의 동일하게 표시되고 작동해야 합니다. 스택은 페이지 매김을 위한 기본 제공 로직이 있는 이러한 컨트롤의 컨테이너입니다. 

스택 탐색

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

스택은 한 번에 하나의 항목을 이동할 수 있습니다.

터치 입력 시 스택은 세로로 이동하여 한 번에 하나의 항목을 표시할 수 있으며 한 번에 두 개 이상의 요소를 표시하는 목록이 됩니다. 목록은 기본 컨테이너와 포커스 상태를 사용해야 합니다.

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

하위 스택 항목은 깊이 0을 사용하는 반면 최상위 항목은 깊이 +2를 사용합니다.

분석

스택은 항상 페이지 매김 구성요소로 접힙니다. 중첩된 사용 설정된 버튼이 없는 한 최상위 항목은 항상 기본 포커스이며 더 강한 테두리 깊이를 표시합니다.

스택의 시작 또는 끝을 지나 스와이프하면 표준 스트레치 애니메이션이 표시되어 스택의 시작 또는 끝을 강화합니다.

맞춤설정

스택에는 맞춤설정할 수 없는 기본 제공 스크림, 페이지 매김, 애니메이션이 있습니다. 대신 스택 내의 콘텐츠가 맞춤설정됩니다.