안드로이드의 fab 사이즈 조절하기(floatingButton 사이즈)

앱을 만들다보니 floatingButton을 만들어야할 경우가 있었다.
원하는 이미지를 넣어서 만들어야했는데 아래와 같이 사이즈가 안 맞는 경우가 생겼다.

맨 아래의 x표시의 floatingButton은 원하는 사이즈로 나왔으나 위에 나오는 버튼들은 모두 사이즈가 안 맞는 모습이다.

안쪽의 작은 원이 바깥쪽의 원과 사이즈가 같아야했다.

---

시도 1) xml의 fabSize를 변경

첫번째로 시도한 건 values의 dimens.xml을 만들어 fabSize를 수정하는 것이였다.

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

res → values → dimens.xml 파일

dimens.xml에 사이즈를 지정하면 xml의 app:fabSize="normal" 을 통해 원하는 사이즈로 할 수 있다.

 

1-1) "design_fab_image_size"를 40dp로 했을 경우

1-2) "design_fab_image_size"를 60dp로 했을 경우

확실히 사이즈가 달라짐을 확인할 수 있다. 이렇게 해결되면 좋았을텐데,, 다른 버튼에서 말썽이였다.

이번에는 맨 아래 버튼도 같이 커진것이다,,

결국 다른 방법을 찾기로하였다.

---

시도 2)

두번째 방법은 app:maxImageSize를 사용하는 것이였다. 이 코드를 통해 사이즈를 원하는 사이즈로 바꿀 수 있다.

 

< 세번째 버튼의 app:maxImageSize="75dp"로 지정한 경우 >

맨 아래 버튼에 영향을 주지 않으면서 원하는 크기로 지정되었다! 

코드는 FloatingButton을 작성한 코드에 아래와 같이 원하는 사이즈로 작성하면 된다.

나머지 버튼들도 똑같이 적용하면

깔끔하게 딱 맞는 모습을 볼 수 있다.

---

app:maxImageSize=" "