Kayan işlem düğmesi ekleme

Compose yöntemini deneyin
Jetpack Compose, Android için önerilen kullanıcı arayüzü araç setidir. Compose'da bileşen eklemeyi öğrenin.
Kayan İşlem Düğmesi →

Kayan işlem düğmesi (FAB), uygulamanızın kullanıcı arayüzündeki birincil işlemi tetikleyen dairesel bir düğmedir. Bu dokümanda, düzeninize nasıl FAB ekleyeceğiniz, görünümünün bir kısmını nasıl özelleştireceğiniz ve düğme dokunmalarına nasıl yanıt vereceğiniz gösterilmektedir.

Uygulamanız için Materyal Tasarım Kuralları'na uygun bir FAB tasarlama hakkında daha fazla bilgi edinmek istiyorsanız Materyal Tasarım FAB sayfasına göz atın.

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

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

Aşağıdaki kodda, FloatingActionButton öğesinin 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, colorAccent özelliğiyle renklendirilir. Bu özelliği temanın renk paletiyle özelleştirebilirsiniz.

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

  • app:fabSize özelliğini veya setSize() yöntemini kullanarak FAB'nin boyutunu ayarlayın.
  • 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üğme dokunmalarına yanıt verme

Ardından, FAB dokunmalarını işlemek için bir View.OnClickListener uygulayabilirsiniz. Örneğin, aşağıdaki kod, kullanıcı FAB'ye dokunduğunda bir Snackbar gösterir:

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 için FloatingActionButton API referansına bakın.