코틀린 버튼 클릭 효과주기

2023. 11. 1. 16:12- 안드로이드/kotlin

코틀린 버튼 클릭 효과주기

ripple을 사용하여 클릭 효과를 적용해보겠습니다.

 

res/drawable 폴더에 xml파일을 하나 만들어줍니다. btn_effect 파일로 만들어 주었습니다.

 

btn_effect.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#22000000"
    android:radius="10dp"> <!-- 이펙트 색상 -->

    <!-- 배경 색상 -->
    <item android:id="@+id/mask"
        android:drawable="@color/white">

    </item>
</ripple>

 

원하는 뷰의 background에 btn_effect를 입력하여 적용합니다.

 

<TextView
                    android:id="@+id/completeBtn"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:text="할일성공"
                    android:textSize="13dp"
                    android:layout_alignParentRight="true"
                    android:layout_marginRight="10dp"
                    android:padding="5dp"
                    android:background="@drawable/btn_effect"/>