Kayan İşlem Düğmesi Ekleyin

"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 → 'nı inceleyin.

Kayan işlem düğmesi (FAB), birincil işlevi tetikleyen yuvarlak bir düğmedir. işlemi nasıl yapılır? Bu sayfada, FAB'yi düzeninize nasıl ekleyeceğiniz gösterilmektedir. görünümünün bir kısmını özelleştirip düğmelere dokunmanıza yanıt verin.

Uygulamanızda kayan işlem düğmesi tasarlama hakkında daha fazla bilgi edinmek için Materyal Tasarım Yönergeleri uyarınca Düğmeler: Kayan İşlem Düğmesi konusuna da bakın.

Şekil 1. Kayan işlem düğmesi

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

Aşağıdaki kodda, FloatingActionButton, düzen dosyanızda görünür:

<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. kendiniz özelleştirebileceğiniz kullanın.

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

• app:fabSize özelliğini veya setSize() yöntemini çağırın.
• app:rippleColor özelliği veya setRippleColor() yöntemini çağırın.
• android:src özelliğini veya setImageDrawable() yöntemini çağırın.

Düğmeye dokunmalara yanıt verme

Daha sonra, FAB'yi işlemek için bir View.OnClickListener uygulayabilirsiniz dokunun. Örneğin, kullanıcı FAB'ya dokunduğunda aşağıdaki kodda bir Snackbar görüntülenir:

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

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 şu API referansına bakın: FloatingActionButton.