Android

[TIL] Floating Action Button

Twisted 2024. 9. 3. 02:23

아직 강의가 안들어와서 그냥 내가 보던거라도 공부해서 올리기로 했다

12시가 넘어서 내일쓸까 했지만 자기전에 정리하고 내일은 내일 공부한거 써야겠다.

 

 

FloatingActionButton이란 무엇일까?

FloatingActionButton(FAB)은 사용자 인터페이스 위에 떠 있는 원형 버튼으로, 일반적으로 앱에서 주요 작업을 수행하는 데 사용된다. 이 버튼은 중요한 작업을 강조하는 데 유용하며, 사용자가 쉽게 액션을 취할 수 있도록 도와준다.

 

 

 

▷FloatingActionButton(FAB)예제

 

 

 


 

언제 사용을 할까?

 

1.화면의 이동 및 기능의 수행이 필요할 때

보통 앱에서 중요하다고 생각하는 특정 기능을 수행하거나 다른 화면으로의 이동이 필요할 때 FAB를 활용할 수 있다.

 

2.행동 제안

특정 상황에 대하여 사용자가 취할 수 있는 중요한 액션을 강조할 때 활용할 수 있다.

 

 


 

사용 시 고려사항

 

1.과도한 사용 방지

중요한 작업을 실행하는 데에만 사용하여야 한다. 너무 많은 FAB를 사용하게 되면 사용자에게 혼란을 줄 수 있다.

일반적으로는 단일화면 하나에 하나만 사용하는것이 일반적이고 핵심 작업을 쉽게 수행할 수 있도록 제한적으로 사용을 해야한다.

 

2.적응형 디자인 

FAB의 위치와 크기는 다양한 장치와 일관되게 유지가 되어야 한다. 스마트폰, 태블릿 등등 다양한 기기에서의 접속에도 사용자의 눈에 띄기 쉽게 해야하며 이를 위해 FAB의 크기와 위치를 유동적으로 조정하거나, 다른 화면의 요소와의 충돌을 방지하여야 한다.

특히 작은 화면에서는 다른 중요한 UI를 가리지 않게 하도록 해야한다.

 

 

 


 

사용 예시 코드

<android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

 

이는 가장 기본시 되는 코드로 추가 속성들을 이용하여 자리의 배치나 버튼의 크기, 모양 등을 설정할 수 있다.

추가적으로 이를 사용하기 위해서는 의존성을 추가하는 부분이 필요하다.

implementation("com.google.android.material:material:1.4.0")

 

내가 사용하고 있는 build.gradle.kts파일에 맞게 쓰여진 것이므로 사용함에 따라 변형을 시켜주길 바란다.

의존성 버전을 찾고 싶을때는

https://mvnrepository.com/ 이 사이트를 이용하면 유용할 것이다.

 

 


 

 

장단점

 

장점 :  명확성, 접근성, 사용성 개선

 

단점 :  화면 요소와의 충돌 가능성, 제한된 사용 범위

 

 

이상으로 FloatingActionButton에 대한 간단 설명은 여기까지다.

다들 기본적인 사용법만 알고 직접 구현해보면서 어떻게 작동하는지 알아보길 바란다.