버튼

버튼은 사용자가 터치했을 때 발생하는 동작을 나타냅니다.

버튼은 안드로이드 오픈 소스 프로젝트(AOSP)의 표준 구성 요소입니다. 버튼은 단색 배경으로 채워지거나 투명한 배경으로 채워지지 않을 수 있습니다. 채워진 버튼은 기본 또는 선호하는 동작을 나타냅니다. 버튼은 탭과 달리 단독으로 또는 그룹으로 표시될 수 있습니다. 탭은 항상 그룹으로 표시됩니다.

해부

버튼의 구조
1. 비어있는 버튼 컨테이너
2. 기본 또는 선호 동작을 나타내는 채워진 버튼 컨테이너
3. 버튼 라벨

명세서

버튼의 최소 및 최대 길이

버튼 레이블의 최대 길이는 20자입니다. 버튼의 최소 너비는 156dp입니다.
버튼 레이블의 최대 길이는 20자입니다. 버튼의 최소 너비는 156dp입니다.

아이콘이 있는 버튼 vs. 기본 버튼

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

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

앱 바의 버튼 배치

버튼은 앱 바의 오른쪽에 배치되어 있습니다.
버튼은 앱 바의 오른쪽에 배치되어 있습니다.

대화 상자의 버튼

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

영웅 버튼

히어로 버튼의 둥근 모서리는 그 중요성을 강조합니다.
둥근 모서리는 히어로 버튼의 중요성을 강조합니다.

맞춤 설정

OEM 업체는 버튼의 시각적 외관을 다음과 같이 변경하여 브랜드 이미지를 반영할 수 있습니다.

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

차량 UI 라이브러리 통합 가이드는 OEM 업체가 구성 요소를 맞춤 설정하는 데 필요한 지침을 제공합니다.

예시

채워지지 않은 버튼과 채워진 버튼
채워지지 않은 버튼과 채워진 버튼이 있으며, 채워진 버튼은 기본 동작을 나타냅니다.
비활성화된 채워진 버튼
채워진 버튼의 색상과 투명도는 비활성화 상태를 나타냅니다.
채워지지 않은 버튼 대화 상자
대화 상자에서 내용이 채워지지 않은 버튼은 동일한 중요도를 가진 작업을 나타냅니다.
버튼 물결 움직임 지속 시간
이러한 물결 모양 움직임은 330ms 동안 지속됩니다. 이는 사용자가 버튼을 눌렀음을 확인하는 데 사용됩니다.
버튼 물결 애니메이션
이러한 물결 모양 움직임은 처음에 버튼 표면의 60%를 덮습니다. 사용자의 터치 지점에서 멀어지면서 퍼져나가고, 버튼 가장자리에서 10dp 떨어진 지점에서 멈춥니다.