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

Kayan işlem düğmesi (FAB), birincil işlevi tetikleyen yuvarlak bir düğmedir. işlemi nasıl yapılır? Bu dokümanda, düzeninize FAB'nin nasıl ekleneceği açıklanmaktadır. görünümünün bir kısmını özelleştirip düğmelere dokunmanıza yanıt verin.

Malzeme'ye göre uygulamanız için FAB tasarlama hakkında daha fazla bilgi edinmek isterseniz Tasarım Yönergeleri için Materyal Tasarım bölümüne bakın FAB ,

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

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

Bir FAB, varsayılan olarak colorAccent özelliğiyle renklendirilir. Bu özelliği istediğiniz zaman temanın rengiyle özelleştirin paletini kullanın.

Diğer FAB özelliklerini, XML özelliklerini veya şu gibi yöntemleri kullanabilirsiniz:

• app:fabSize özelliğini veya setSize() yöntem
• app:rippleColor özelliği veya setRippleColor() yöntem
• android:src özelliğini veya setImageDrawable() yöntem

Düğmeye dokunmalara yanıt verme

Daha sonra, View.OnClickListener - FAB'ye dokunma işlemleri. Örneğin, aşağıdaki kodda Şu durumda Snackbar: Kullanıcı FAB'a dokunduğunda:

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