[Android] 플로팅버튼(FAB) src 이미지 위치 가운데 정렬

플로팅버튼을 사용하다보면

위와 같이 안의 이미지가 가운데로 들어가있지 않고 조금 치우치는 경우가 있다.

이미지의 사이즈와 버튼의 사이즈가 달라서 발생하는 현상으로

 

<com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="@dimen/fab_size"
            android:layout_height="@dimen/fab_size"
            android:layout_gravity="bottom|end"
            app:fabCustomSize="@dimen/fab_size"
            android:layout_margin="@dimen/margin_default_20"
            android:backgroundTint="@color/mainColor"
            app:srcCompat="@drawable/music_search" />

 

fabCustomSize 속성을 통해 버튼의 사이즈와 동일하게 변경해주면

가운데로 정렬된것을 확인할 수 있다.