[Android] FloatingActionButton

Jbro·2023년 9월 7일
0

Android 기초

목록 보기
20/23
post-thumbnail

Android의 FloatingActionButton은 앱의 주요 작업 또는 기능을 단순하고 빠르게 실행할 수 있게 도와주는 원형 모양의 버튼이다.
이 버튼은 다른 콘텐츠 위에 떠 있으며 사용자가 쉽게 액세스할 수 있도록 설계되어 있다.

일반적인 버튼과 마찬가지로 클릭했을 때 이벤트도 구현 가능하다


FloatingActionButton 예제 xml 코드

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/floatingActionButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="40dp"
        android:layout_marginBottom="40dp"
        android:clickable="true"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@android:drawable/ic_input_add" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="TextView"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity 코드

class MainActivity : AppCompatActivity() {

    lateinit var activityMainBinding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        activityMainBinding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(activityMainBinding.root)

        activityMainBinding.run{
            floatingActionButton.run{
                setOnClickListener { 
                    textView.text = "버튼을 눌렀습니다"
                }
            }
        }
    }
}

실행화면

profile
안드로이드 개발자 꿈나무

0개의 댓글