[안드로이드] 플로팅 버튼 ( 게시글 작성 버튼 )

https://github.com/lnjky/fashion_people

GitHub - lnjky/fashion_people: 패션 추천 어플

코드 전체를 보려면 위에 링크를 통해 확인할 수 있습니다.

---

우선 플로팅 버튼이라 하면 모르는사람이 많기 때문에 사진을 보도록 하자.

예시로 들 사진이 없어서 직접 휴대폰으로 캡처해서 가져왔다.

여기에 빨간 동그라미를 친것이 플로팅 버튼이다.

Activity나 Fragment 위에 버튼으로 존재하여 클릭시 정해진 작업을 수행하는 버튼이다.

 

리사이클러뷰나 리스트뷰를 통해 아이템들을 움직여도 버튼은 그대로 있기 때문에 유용하게 사용할 수 있다.

실제로 어플을 만들 때 게시글 작성이나 이미지 업로드 버튼으로 사용하였다.

 

플로팅 버튼을 만드는 방법은 간단하다.

먼저 XML을 보면 이렇다.

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/board_write"
        android:layout_width="98dp"
        android:layout_height="103dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="30dp"
        android:layout_marginBottom="30dp"
        android:src="@drawable/ic_baseline_create_24"
        app:backgroundTint="#B388FF">

    </com.google.android.material.floatingactionbutton.FloatingActionButton>

floating만 검색해도 나오기때문에 쉽게 만들 수 있다.

Constraint 레이아웃을 사용했기 때문에 layout_margin을 설정해주었다.

 

그 후 액티비티에서 findViewById를 통해 연결해준 후 OnClickListener를 설정해주면 된다.

    private FloatingActionButton floatingActionButton;

	floatingActionButton = view.findViewById(R.id.board_write);
        floatingActionButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(getActivity(), PostActivity.class); //fragment라서 activity intent와는 다른 방식
                // intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION);
                startActivity(intent);
            }
        });

Fragment에 추가해주었기 때문에 view.findViewById(R.id.board_write); 를 사용하였다.

또한 게시글 작성 액티비티로 전환되는 기능을 넣었기 때문에 간단한 intent문을 OnClickListener에 넣어주었다.

실제로 작성했을 때 나온 화면이다.

BoardFragment의 우측 하단에 버튼이 있는것을 확인할 수 있으며 이 버튼을 클릭시 게시글 작성 액티비티로 화면이 전환된다.