[Android] 안드로이드 커스텀 체크박스 만들기

안드로이드 checkbox 에 커스텀 이미지를 사용해야하는 경우가 생겼다.

커스텀 이미지를 사용한 체크박스 만드는 방법

1. Selector 만들기

res/drawable 폴더에 custom_checkbox.xml 리소스를 만들어준다.

<selector> 태그 안에 체크박스 해제상태, 체크박스 선택상태의 item 을 만들어준다.
<item> 태그 안에는 체크박스의 상태와 해당 상태에 따른 drawable 이미지를 지정해 준다.

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 체크박스 해제 상태 -->
    <item android:state_checked="false"
        android:drawable="@drawable/ic_check_inactive_x3"/>
    <!-- 체크박스 선택 상태 -->
    <item android:state_checked="true"
        android:drawable="@drawable/ic_check_active_x3"/>
</selector>

 

2. layout 에 체크 박스 추가

res/layout 에서 체크 박스 커스텀해준다.

CheckBox 를 작성할 때,
android_button="@null"
또는 android:button="@android:color/transparent"
이렇게 button 속성에 null 값을 주거나 투명색을 지정해야
커스텀 된 이미지가 체크박스의 크기에 맞게 들어간다.

<CheckBox
        android:id="@+id/check_box"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:button="@null"
        android:background="@drawable/custom_checkbox" />

 

참고 사이트 >>>

https://ghj1001020.tistory.com/2

https://dwfox.tistory.com/14

https://developer88.tistory.com/200