floating action button (fab) 이미지 강제로 늘리기

fab을 다루다보면 당황하게 되는 경우가 생기게 된다.

그 예중 대표적인것은 디자인은 fab 내부 이미지가 fab크기에 비해 크게 나왔지만 기본적으로 fab에서 크기변경을 지원하지 않는 경우다.

 

이게 기본 가이드 인데, 정말 그렇다면 fab의 내부 이미지 크기를 마음대로 조절할 수 없을까?

답은 있다.

res 폴더 안에 values 폴더 안에 dimens(혹은 dimensions).xml안에 다음과 같이 정의한다.

<dimen name="design_fab_size_normal" tools:override="true">58dp</dimen>
<dimen name="design_fab_image_size" tools:override="true">40dp</dimen>

그리고 나서 fab의 xml 옵션에 다음을 추가한다.

app:fabSize="normal"

이렇게 해결된다. 의외로 간단하지만, 방법을 찾기는 쉽지 않았다.