Kayan işlem düğmesi ekleme

Oluşturma yöntemini deneyin
Android için önerilen kullanıcı arayüzü araç seti Jetpack Compose'dur. Oluşturma'da nasıl bileşen 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 dairesel bir düğmedir. Bu dokümanda, sayfa düzeninize nasıl FAB ekleyeceğiniz, görünümünün bazı kısımlarını nasıl özelleştireceğiniz ve düğmeye dokunma işlemlerine nasıl yanıt vereceğiniz gösterilmektedir.

Uygulamanız için Materyal Tasarım yönergelerine uygun bir FAB'ın nasıl tasarlanacağı hakkında daha fazla bilgi edinmek için Materyal Tasarım FAB'ı başlıklı makaleyi inceleyin.

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

Kayan işlem düğmesini düzeninize ekleme

Aşağıdaki kodda, FloatingActionButton simgesinin düzen dosyanızda nasıl göründüğü gösterilmektedir:

<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" />

Varsayılan olarak FAB'lar colorAccent özelliğine göre renklendirilir. Bu özelliği temanın renk paletiyle özelleştirebilirsiniz.

Diğer FAB özelliklerini XML özelliklerini veya aşağıdaki gibi ilgili yöntemleri kullanarak yapılandırabilirsiniz:

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

Düğmeye dokunma işlemlerine yanıt verme

Ardından FAB dokunma işlemlerini yönetmek için bir View.OnClickListener uygulayabilirsiniz. Örneğin, aşağıdaki kodda kullanıcı FAB'a dokunduğunda 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'ın özellikleri hakkında daha fazla bilgi için FloatingActionButton API referansına bakın.