안드로이드 추천 오픈소스3) TextFloatingActionButton
Android/Open Source

안드로이드 추천 오픈소스3) TextFloatingActionButton


https://github.com/EdSergeev/TextFloatingActionButton

 

EdSergeev/TextFloatingActionButton

Android floating action button (fab) with text. Contribute to EdSergeev/TextFloatingActionButton development by creating an account on GitHub.

github.com

Floating Action Button 위에 단순 이미지 뿐만 아니라 글자도 같이 넣어야 하는 경우가 있다. 

 

이 때 자료를 찾아보면, FrameLayout 위에 FAB와 TextView를 구현하여,

한마디로 FAB위에 TextView가 떠있는 형태로 구현하라는 말들을 찾을 수 있다.

 

물론 위의 구현 방법이 틀린 것은 아니지만, 한 마디로 하자면 매우 귀찮은 경우가 있을 수 있다.

 

이럴 때 쓰면 좋은 라이브러리이다. 

 

0) 한장 소개

Hot Ez Ex) 위의 텍스트 위치는 얼마든지 변경 가능함으로 걱정말자

 

1) 기본적인 사용방법

 

in build.gradle (Module:app) 

dependencies {
    implementation "com.github.edsergeev:text-fab:1.0.0"
}

 

in XML

<com.github.edsergeev.TextFloatingActionButton
      android:id="@+id/fab"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center"
      android:src="@drawable/gradient_floating_action_button"
      android:text="글자Text"
      android:textColor="#ffffff"
      android:textSize="11sp"
      app:borderWidth="0dp"
      app:fabCustomSize="70dp"
      app:useCompatPadding="true"
      app:text_y_offset="18dp"
      tools:ignore="smallSp"/>

Hot Ez Ex) app:text_y_offset 옵션과 app:text_x_offset 옵션으로 글자의 위치를 조정할 수 있어 매우 편리하다.

이미지와 글자를 같이 쓰는 경우 Floating Action Button의 크기 때문에 글자 크기가 작아질 가능성이 높다. 이 때 

smallSp warning이 뜨는데 이를 무시해주기 위해 tools:ignore를 사용 가능하면 좋다.