[JAVA][Android] FloatingActionButton (FAB) 사용하기

안녕하세요!

오늘은 FloatingActionButtion (FAB) 사용하는 방법에 대해서 알아보겠습니다.

 

 

우선 FAB 은 새 메일을 작성한다던가, 새 메모를 추가하는 기능등에 자주 사용되는 버튼으로

화면 위에 떠있는 듯하게 생긴 버튼입니다. 주로 화면의 오른쪽 하단에 위치합니다.

 

전체 코드입니다.

 

MainActivity.java

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    FloatingActionButton fab = findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        Toast.makeText(MainActivity.this, "FAB 클릭됨!", Toast.LENGTH_SHORT).show();
      }
    });

  }
}

 

 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"
        app:srcCompat="@android:drawable/ic_input_add" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

 

 

시연 영상 입니다.