[Android] Button 클릭 효과 주기 (버튼 누르는 효과, XML)

오늘은 간단하지만 잊어버리기 쉬운 버튼 클릭 효과에 대해 포스팅 해보겠습니다!

 

바로 본론으로 들어가서

 

먼저 res/drawable 폴더에 새 resource 파일을 생성해주세요

 

New-Drawable resource file

drawable/button_back.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
 
    <item
        android:state_pressed="true"
        android:drawable="@drawable/button_back_pressed"/>
 
    <item
        android:state_window_focused="false"
        android:state_enabled="true"
        android:drawable="@drawable/button_back_normal"/>
 
    <item
        android:state_enabled="true"
        android:drawable="@drawable/button_back_normal"/>
 
    <item
        android:state_enabled="false"
        android:drawable="@drawable/button_back_disabled"/>
 
</selector>

맨 윗줄 state_pressed="true" 에는 눌렀을 때의 상태,

두, 세번째 item은 누르지 않은 (보통의) 버튼 상태,

마지막 state_enabled="false" 에는 버튼이 비활성화 되었을 때의 drawable을 넣어줍니다. 

 

drawable/button_back_pressed.xml

<shape android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorPrimaryDark" />
</shape>

이렇게 작성한 drawable 파일을 layout에서 background로 넣어주면 끝입니다. 

 

간단한 예제였습니다. 감사합니다!