12-4 확장된 플로팅 액션 버튼

확장된 플로팅 액션 버튼(ExtendedfloatingActionButton)은 화면에 떠 있는 듯한 버튼을 제공하는 뷰이다. 머티리얼 라이브러리가 처음 나왔을 때는 플로팅 액션 버튼(FloatingActionButton)을 제공했지만, 지금은 버튼에 문자열까지 출력할 수 있는 확장된 플로팅 액션 버튼도 제공한다.

// 확장된 플로팅 액션 버튼
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton // 주목!
	(... 생략 ...)
    android:text="extended FAB" // 문자열 지정
    app:icon="@android:drawable/ic_input_add" /> // 아이콘 지정

확장된 플로팅 액션 버튼의 icon 속성으로 이미지를 지정하면 이 이미지를 포함해 화면에 떠 있는 듯한 버튼이 출력된다. 그리고 text 속성으로 문자열을 지정하면 이미지와 함께 출력된다.

 

만약 text 속성을 지정하지 않고 icon 속성만 지정하면 둥근 모양으로 나온다.

 

그리고 코드에서 문장까지 나오게 확장하거나 아이콘만 나오게 축소하는 등 버튼의 출력 형태를 조절할 수 있다.

// 확장된 플로팅 액션 버튼 조절
binding.extendedFab.setOnclickListener { // 아이콘만 표시
	when (binding.extendedFab.isExtended) { // 근데 만약 아이콘과 문자열 함께 표시했다면
    	true -> binding.extendedFab.shrink()
        false -> binding.extendedfab.extend()
    }
}