Kayan işlem düğmesi ekleme

Yazma yöntemini deneyin

Jetpack Compose, Android için önerilen kullanıcı arayüzü araç setidir. Compose'da bileşen eklemeyi öğrenin.

Kayan iş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 belgede, düzeninize nasıl bir kayan işlem düğmesi 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 kayan işlem düğmesi tasarlama hakkında daha fazla bilgi edinmek için Materyal Tasarım Kayan İşlem Düğmesi başlıklı makaleyi inceleyin.

1.şekil Kayan işlem düğmesi (FAB).

Kayan işlem düğmesini düzeninize 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, bir kayan işlem düğmesi colorAccent özelliğiyle renklendirilir. Bu özelliği temanın renk paletiyle özelleştirebilirsiniz.

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

• app:fabSize özelliği veya setSize() yöntemi kullanılarak belirlenen FAB boyutu
• app:rippleColor özelliği veya setRippleColor() yöntemini kullanarak düğmenin dalgalanma rengi
• android:src özelliğini veya setImageDrawable() yöntemini kullanarak 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ı KDA'ya dokunduğunda Snackbar simgesini 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.