빠른 가이드 모음
대화형 구성요소 표시

UI에 적합한 구성요소를 선택하고 앱에 구현하는 방법을 알아보세요.
복잡한 사용자 인터페이스를 위한 표준화된 플랫폼을 제공하는 기본 구조입니다. 스케폴드는 앱 바 및 플로팅 작업 버튼과 같은 UI의 여러 부분을 함께 유지하여 앱에 일관된 디자인을 제공합니다.
가이드
컨테이너는 사용자에게 주요 기능 및 탐색 항목에 대한 액세스 권한을 제공합니다. 앱 바에는 상단 앱 바와 하단 앱 바의 두 가지 유형이 있습니다.
가이드
이러한 기본 구성요소를 사용하면 사용자가 정의된 작업을 트리거할 수 있습니다. 버튼에는 5가지 유형이 있습니다. 5가지 버튼 유형의 모양과 사용해야 하는 위치를 확인하고 구현 방법을 알아보세요.
가이드
사용자가 애플리케이션에서 기본 작업을 실행할 수 있는 높은 강조 버튼입니다. 이 버튼 구성요소는 사용자가 취할 수 있는 가장 일반적인 경로인 단일 작업에 초점을 맞추며 일반적으로 화면 오른쪽 하단에 고정되어 있습니다.
가이드
UI의 Material Design 컨테이너 역할을 합니다. 카드는 일반적으로 일관된 단일 콘텐츠를 표시합니다. 카드는 단일 콘텐츠를 묘사하는 데 중점을 두어 다른 컨테이너와 구별됩니다.
가이드
아이콘과 라벨이 있는 경우가 많은 연락처나 태그와 같은 복잡한 항목을 나타내는 소형의 대화형 UI 요소입니다. 칩은 선택하거나 닫거나 클릭할 수 있습니다.
가이드
기본 앱 콘텐츠 위의 레이어에 팝업 메시지를 표시하거나 사용자 입력을 요청합니다. 이 구성요소는 사용자의 관심을 끌기 위해 방해가 되는 UI 환경을 만듭니다.
가이드
작업 상태를 시각적으로 표시합니다. 모션을 사용하여 데이터 로드 또는 처리와 같은 프로세스의 완료까지 얼마나 남았는지 사용자에게 알리는 이러한 표시기는 완료까지 얼마나 남았는지 표시하지 않고 처리가 진행 중임을 나타낼 수 있습니다.
가이드
사용자가 연속적인 값 범위(예: 오디오 볼륨 설정 또는 다양한 가격의 그래프 데이터 필터링)에서 선택할 수 있도록 합니다.
가이드
사용자가 두 상태 간에 전환할 수 있도록 합니다. 사용자는 스위치의 썸을 드래그하거나 클릭하여 현재 상태를 변경할 수 있습니다.
가이드
화면 하단에 고정된 보조 콘텐츠를 표시합니다. 표준 또는 모달 하단 시트를 사용하여 사용자에게 보조 콘텐츠를 표시할 수 있습니다.
가이드
사용자가 앱의 다양한 섹션으로 이동할 수 있는 슬라이드 인 메뉴입니다. 사용자는 측면에서 스와이프하거나 메뉴 아이콘을 탭하여 메뉴를 활성화할 수 있습니다.
가이드
화면 하단에 간단한 알림을 표시합니다. 이를 통해 사용자 환경을 중단하지 않고 작업이나 작업에 관한 의견을 제공할 수 있습니다. 스낵바는 몇 초 후 사라집니다. 사용자는 수동으로 닫을 수도 있습니다.
가이드
목록과 그리드를 사용하여 항목 집합을 효율적으로 표시하고 정렬합니다.
빠른 가이드 모음

질문이나 의견이 있으신가요?

자주 묻는 질문(FAQ) 페이지로 이동하여 빠른 가이드를 알아보거나 문의하여 의견을 보내주세요.
FAQ로 이동 의견 남기기