[android] Material Design의 버튼 및 터치 피드백

Android 앱을 개발할 때 사용자 인터페이스 요소를 디자인하는 것은 매우 중요합니다. Material Design은 Google에서 제시한 디자인 가이드라인으로, 사용자 경험을 향상시키는 데 도움이 되는 여러 가지 설계 원칙과 구성 요소를 제시합니다. 여기에는 버튼 및 터치 피드백에 대한 중요한 정보도 포함되어 있습니다.

Material Design 버튼

버튼은 Android 앱에서 상호작용의 주요 수단으로 사용됩니다. Material Design에서는 버튼이 사용자와 상호작용하는 주요 부분이므로 이를 설계할 때 몇 가지 지침이 제시됩니다.

Raised Button

둥근 테두리와 그림자가 있는 Raised 버튼들은 소재의 높이를 보여주는 데 사용됩니다. XML에서 Raised 버튼을 만들려면 아래와 같이 설정합니다.

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click me"
    style="@style/Widget.MaterialComponents.Button"
    />

Flat Button

Flat 버튼은 배경 색상과 효과가 없어 평평한 모양으로 디스플레이됩니다. XML에서 Flat 버튼을 만들려면 아래와 같이 설정합니다.

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click me"
    style="@style/Widget.MaterialComponents.Button.TextButton"
    />

터치 피드백

터치 피드백은 사용자가 버튼을 눌렀을 때 발생하는 시각적 반응입니다. Material Design에서는 사용자가 버튼을 눌렀을 때 버튼의 크기가 작아지거나 색상이 변화하는 등의 피드백을 제공하는 것을 권장합니다.

버튼을 클릭했을 때 터치 피드백을 부드럽게 만드는 데 Ripple 효과를 사용할 수 있습니다. XML에서 버튼에 Ripple 효과를 추가하려면 아래와 같이 설정합니다.

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click me"
    style="@style/Widget.MaterialComponents.Button"
    android:background="?attr/selectableItemBackground"
    />

Material Design에서의 버튼 및 터치 피드백에 대한 이해는 사용자가 안드로이드 앱을 사용하는 경험을 향상시키는 데 중요합니다. Material Design 가이드라인을 준수하여 사용자가 직관적으로 앱을 사용할 수 있도록 고려해야 합니다.

참고 문헌: Material Design Guidelines