Kayan işlem düğmesi ekleme

"Oluştur" yöntemini deneyin
Jetpack Compose, Android için önerilen kullanıcı arayüzü araç setidir. Compose'da bileşenleri nasıl ekleyeceğinizi öğrenin.
Kayan İşlem Düğmesi →

Kayan işlem düğmesi (FAB), uygulamanızın kullanıcı arayüzünde birincil işlemi tetikleyen yuvarlak bir düğmedir. Bu dokümanda, düzeninize FAB'nin nasıl ekleneceği, görünüşünün bir kısmının nasıl özelleştirileceği ve düğmelere dokunmaya nasıl yanıt verileceği gösterilmektedir.

Materyal Tasarım Yönergeleri'ne göre uygulamanız için FAB tasarlama hakkında daha fazla bilgi edinmek istiyorsanız Materyal Tasarım konusuna bakın.

Kırmızı floatingActionButton içeren uygulama ekranını gösteren resim
Şekil 1. Kayan işlem düğmesi (FAB).

Düzeninize kayan işlem düğmesini ekleme

Aşağıdaki kod, FloatingActionButton etiketinin düzen dosyanızda nasıl görüneceğini gösterir:

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

Bir FAB, varsayılan olarak colorAccent özelliğiyle renklendirilir. Bu özelliği temanın renk paletiyle özelleştirebilirsiniz.

Diğer FAB özelliklerini, XML özelliklerini veya aşağıdakiler gibi karşılık gelen yöntemleri kullanarak yapılandırabilirsiniz:

  • app:fabSize özelliğini veya setSize() yöntemini kullanan FAB'nin boyutu
  • app:rippleColor özelliğini veya setRippleColor() yöntemini kullanan FAB'nin dalga rengi
  • android:src özelliğini veya setImageDrawable() yöntemini kullanan FAB simgesi

Düğmeye dokunmalara yanıt verme

Daha sonra, FAB'ye dokunma işlemlerini işlemek için bir View.OnClickListener uygulayabilirsiniz. Örneğin, kullanıcı FAB'a dokunduğunda aşağıdaki kodda bir Snackbar gösterilir:

Kotlin

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

FAB'nin özellikleri hakkında daha fazla bilgi edinmek için FloatingActionButton ile ilgili API referansına bakın.