버튼

버튼은 사용자가 터치할 때 발생하는 작업을 전달합니다.

버튼은 표준 Android 오픈소스 프로젝트 (AOSP) 구성요소입니다. 단색 배경색으로 채울 수도 있고 투명한 배경색으로 채워지지 않을 수도 있습니다. 채워진 버튼은 기본 또는 선호하는 작업을 나타냅니다. 버튼은 항상 그룹으로 표시되는 과 달리 독립적으로 또는 그룹으로 표시될 수 있습니다.


분석

버튼 구성
1. 채워지지 않은 버튼 컨테이너
2. 기본 작업이나 선호하는 작업을 나타내는 채워진 버튼 컨테이너
3. 버튼 라벨

사양

버튼 최소 및 최대 길이

버튼 라벨의 최대 길이는 20자(영문 기준)입니다. 최소 버튼 너비는 156dp입니다.
버튼 라벨의 최대 길이는 20자(영문 기준)입니다. 최소 버튼 너비는 156dp입니다.

아이콘이 있는 버튼과 기본 버튼 비교

버튼에는 아이콘을 포함할 수 있습니다. 포함할 경우 아이콘은 일반적으로 버튼 텍스트의 왼쪽에 표시됩니다.
버튼에 아이콘을 포함할 수 있습니다. 포함되는 경우 아이콘은 일반적으로 버튼 텍스트의 왼쪽에 표시됩니다.

버튼은 앱 바대화상자와 같은 다른 구성요소의 요소로 표시될 수 있습니다.

앱 바의 버튼 배치

버튼은 앱 바의 오른쪽에 배치됩니다.
버튼은 앱 바 오른쪽에 배치됩니다.

대화상자의 버튼

대화상자의 버튼은 일반적으로 대화상자의 왼쪽 하단에 있습니다.
대화상자의 버튼은 일반적으로 대화상자의 왼쪽 하단에 있습니다.

히어로 버튼

히어로 버튼의 둥근 가장자리는 중요성을 강조합니다
히어로 버튼의 둥근 가장자리로 중요성 강조

맞춤설정

OEM은 다음과 같이 버튼의 시각적 모양을 수정하여 브랜드를 나타낼 수 있습니다.

  • 강조 색상 지정
  • 커스텀 아이콘 제공
  • 맞춤 글꼴 추가
  • 활성, 비활성, 비활성화된 버튼의 모양 변경
  • 버튼 크기, 모서리 모양, 게재위치 설정
  • 모션을 사용하여 사용자에게 피드백 제공

자동차 UI 라이브러리 통합 가이드에서는 구성요소 맞춤설정을 위한 OEM 안내를 제공합니다.

디자인 시스템에서는 레이아웃, 색상, 서체, 크기 조정, 도형, 모션을 사용하여 구성요소를 맞춤설정하는 방법에 관한 구체적인 안내를 제공합니다.


채워지지 않고 채워진 버튼
채워지지 않은 버튼과 채워진 버튼(채워진 버튼은 기본 작업을 나타냄)
사용 중지된 채우기 버튼
이 채워진 버튼의 색상과 불투명도는 사용 중지 상태를 나타냄
채워지지 않은 버튼 대화상자
대화상자의 채워지지 않은 버튼은 동일한 가중치가 적용된 작업을 나타냅니다.
버튼 물결 효과 모션 지속 시간
이러한 물결 효과의 지속 시간은 330ms입니다. 버튼으로 사용자 연락을 확인하는 데 사용됩니다.
버튼 물결 효과 애니메이션
이 물결 효과는 처음에는 버튼 표면의 60% 에 오버레이됩니다. 배너는 사용자가 탭한 부분에서 떨어져 확장되고 버튼 가장자리에서 10dp 떨어져 멈춥니다.