[Kotlin] Button 클릭시 애니메이션 효과 (feat. Ripple Effect)

보통 버튼을 클릭하였을 때 아무런 효과가 없으면 내가 눌렀나 안눌렀나 헷갈리기 마련이다.
그러한 에로사항을 해결하기 위한 기능이 Ripple Effect 기능이라고 볼 수 있다.
Ripple Effect을 간단히 설명하면, 보통 앱들의 버튼을 클릭할 때 물결효과가 나면서 눌렀다는 이미지를 주는 거라고 보면 된다.

그러면 Ripple Effect 기능을 간단히 적용할 수 있는 방법에 대해 알아보자.

res > drawable > custom_ripple_effect.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@android:color/darker_gray"
    > <!-- Ripple Effect 클릭시 색상 -->

    <!-- 배경색 -->
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="@color/white"/>
        </shape>
    </item>

</ripple>

만들었으면 적용할 버튼이나 View의 background에 적용시키면 된다.

결과 화면