메뉴 건너뛰기

조회 수 945 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

플로팅 액션 버튼(Floating Action Button)은 화면에 떠있는 원형의 버튼으로 머터리얼 디자인에서 자주 사용되는 기본 위젯입니다. 플로팅 액션 버튼(Floating Action Button)을 구현하는 방법은 일반 버튼 위젯을 구현하는 방법과 비슷합니다. 다만 기본적으로  ImageView를 상속받는 위젯이기 때문에 버튼에 표현할 아이콘을 지정할 수 있으며 버튼을 클릭하였을 때 서브 버튼이 나열이 되도록 구현이 가능합니다. 물론 일반 버튼처럼 사용자가 발생한 클릭 이벤트에 대한 처리도 가능합니다.

 

 

 


1. 화면에 FloatingActionButton 사용법

1.1 xml 레이아웃 리소스 추가

    <android.support.design.widget.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:clickable="true"
            android:id="@+id/floatingActionButton"
            android:layout_marginRight="10dp"
            android:layout_marginBottom="10dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:srcCompat="?attr/actionModeShareDrawable"/>

FAB 위젯을 레이아웃에 추가하는 방법은 일반 위젯들을 추가시키는 방법과 동일합니다. FAB에서 사용되는 주요 속성 들어 아래와 같습니다.

속성 설명
android : srcCompat FAB에 표시되는 Icon을 지정합니다.
backgroundTint

fab 버튼의 색상을 지정합니다.

default 색상값은 colors.xml에 정의된 colorAccent 색상으로 지정됩니다.

fabSize

fab의 size를 지정합니다. auto, mini, normal 값들 중 하나를 사용할 수 있습니다.

auto로 지정하게 될 경우 화면 사이즈에 맞추어 자동으로 size가 지정됩니다.

소스 상에서는 setSize() 함수를 통해 지정이 가능합니다.

onClick 클릭 이벤트 처리를 위한 소스상에서 사용할 함수명 지정

1.2 FAB 이벤트 처리

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

        FloatingActionButton fab = findViewById(R.id.floatingActionButton);
        fab.setOnClickListener(new FABClickListener());
    }

    class FABClickListener implements View.OnClickListener{
        @Override
        public void onClick(View v) {
            // FAB Click 이벤트 처리 구간
        }
    }

▼ FAB의 이벤트 처리 방식은 일반 버튼과 마찬가지로 여러가지 방식이 있습니다. onClick 속성 값을 지정하여 해당 속성 값을 함수명으로 하는 함수를 정의하여 처리하는 방식, 익명 클래스 방식으로 작성된 리스너를 등록하는 방식 등 여러 가지 방식이 있습니다. (버튼 이벤트에 대한 처리방식은 아래 링크를 참조해주세요)

 

▼ FAB의 클릭 이벤트 처리를 위해서는 View.OnClickListener 인터페이스를 상속받아 onClick() 함수를 재정의 한 객체가 필요합니다. 생성된 리스너 객체는 setOnClickListener() 함수를 통해 등록합니다.


List of Articles
번호 제목 날짜 조회 수
257 [하이브리드앱] userAgent를 이용해서 웹 / 앱 접속 구분하기 2021.09.30 1269
256 [하이브리드앱] 링크를 웹뷰가 아닌 새로운 브라우저에서 열기 2021.09.30 286
255 Firebase - 푸시알림 보내기 (2) 2021.09.30 767
254 Firebase - 푸시알림 보내기 file 2021.09.30 338
253 앱 번들(Android App Bundle) 만들기 file 2021.09.14 305
252 [Android] 퍼미션 권한체크(테드퍼미션) 2021.09.14 614
251 안드로이드 액티비티 세로고정 2021.09.14 204
250 안드로이드 - 커스텀 폰트(Custom Font) 적용하기 file 2021.04.02 342
249 안드로이드 - RecyclerView의 ViewType 구분하기 file 2021.04.02 929
248 안드로이드 - 리사이클러뷰 (RecyclerView) notifyDataSetChanged 실행 시 깜빡 거리는 현상 2021.04.02 745
247 안드로이드 - 갤러리에서 이미지 가져오기 2021.04.02 665
» 안드로이드 - 플로팅 액션 버튼(Floating Action Button) 사용법 file 2021.04.02 945
245 안드로이드 - Text 입력 이벤트 처리 - TextWatcher file 2021.04.02 554
244 안드로이드 - KeyEvent(키 이벤트) 처리 file 2021.04.02 1201
243 안드로이드 - BottomNavigationView 사용하여 하단 메뉴 만들기 file 2021.04.02 1426
242 안드로이드 - 프래그먼트 (Fragment) 사용하기 file 2021.04.02 483
241 안드로이드 - switch를 사용법 및 구현 file 2021.04.02 1274
240 안드로이드 - RatingBar를 통해 별점주기 file 2021.04.02 837
239 안드로이드 - SharedPreferences에 앱 정보 저장하기 file 2021.04.02 395
238 안드로이드 - 뷰페이저(ViewPager) 구현 file 2021.04.02 321
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved