[AOS] ImageButton에 버튼 클릭 효과 넣기

그동안 normal, pressed, focused, selected용 이미지를 전달 받아서 만들었지만,

카카오 로그인을 구현하면서 이미지 버튼은 하나이기 때문에 'ripple'을 사용하게 되었다.

 

따로 bitmap 이미지 tint를 조절하거나, animation alpha 1.0F → 0.8F식으로 주는 것도 방법이지만,

ripple로 눌림 효과를 주는 것이 훨씬 간단하고 깔끔하다.

 

 

카카오 로그인 이미지를 준비해주고

링크 : https://developers.kakao.com/tool/resource/login

 

 

 

[ ripple_login_kakao.xml ] 생성

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#c8c8c8">
    <item android:drawable="@drawable/img_kakao_login_large_narrow" />
</ripple>

 

 

 

해당 이미지를 사용할 layout에 적용

    <ImageButton
        android:id="@+id/btn_login_kakao"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/ripple_login_kakao"
        android:background="@null"
        android:contentDescription="Kakao" />