App노자

[Android] Ripple Effect 본문

Android/AndroidStudio

[Android] Ripple Effect

앱의노예 2023. 7. 16. 20:40

1. Ripple Effect이란?


Ripple Effect(물결 효과)는 사용자가 터치나 클릭과 같은 특정 동작을 수행할 때 발생하는 시각적 효과를 말한다

이 효과는 마치 물방울이 물에 떨어져서 생기는 원형 파동과 같은 모습을 모방하여 구현됩니다.

안드로이드에서는 이 효과를 통해 사용자 인터페이스(UI) 요소에 대한 피드백을 제공하고, 사용자가 해당 요소를 누르거나 터치했을 때의 인터랙션을 시각적으로 나타내기 위해 주로 사용됩니다.

 

 

 

 

https://developer.android.com/reference/android/graphics/drawable/RippleDrawable

 

RippleDrawable  |  Android Developers

 

developer.android.com

 

 

 

2. MaterialButton, MaterialCardView 를 사용하는 방법


<?xml version="1.0" encoding="utf-8"?>
<!-- android:color = Ripple Effect의 색깔 좀 반투명으로 나온다 -->
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#A0A0A0" />

 

 

 

 

<com.google.android.material.button.MaterialButton android:layout_width="200dp" android:layout_height="100dp" android:text="Button" android:backgroundTint="#c8c8c8" app:rippleColor="#fff" app:cornerRadius="55dp" />

 

 

 

3. XML을 사용하는 방법