Floating Action Button 에 원하는 이미지를 커스텀하지 못하는 문제(이미지가 버튼 크기보다 작은 문제)

다음과 같이 이미지가 버튼보다 작은 문제였다

 

이 문제는 이미지는 버튼의 크기보다 크지만 기본적으로 fab에서 크기변경을 지원하지 않기 때문에 발생하는 문제였다.

이렇게 고정이 되어있다..

 

이를 해결하기 위해서는 res -> values에 dimens.xml 파일을 추가해야 한다.

그리고 다음과 같은 코드를 입력한다.

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools">
    <dimen name="design_fab_size_normal" tools:override="true">58dp</dimen>
    <dimen name="design_fab_image_size" tools:override="true">58dp</dimen>
</resources>

size_normal은 전체 버튼의 크기이고

image_size는 그 안 사진의 크기이다. 따라서 두 크기를 동일하게 하면 이미지가 버튼 크기만큼 꽉차게 된다.

 

그리고 floating action button의 xml로 돌아와 다음 코드를 추가해주면 된다.

app:fabSize="normal"

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/drawable_name"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:backgroundTint="@android:color/transparent"
        app:useCompatPadding="true" />

 

간단한 문제인데 해결하는 방법을 찾는건 너무 어려웠다..

 

문제가 해결되었다