Kayan işlem düğmesi (FAB), uygulamanızın kullanıcı arayüzünde birincil işlemi tetikleyen yuvarlak bir düğmedir. Bu dokümanda, düzeninize FAB'nin nasıl ekleneceği, görünüşünün bir kısmının nasıl özelleştirileceği ve düğmelere dokunmaya nasıl yanıt verileceği gösterilmektedir.
Materyal Tasarım Yönergeleri'ne göre uygulamanız için FAB tasarlama hakkında daha fazla bilgi edinmek istiyorsanız Materyal Tasarım konusuna bakın.
![Kırmızı floatingActionButton içeren uygulama ekranını gösteren resim](https://developer.android.com/static/training/material/images/fab.png?authuser=5&hl=tr)
Düzeninize kayan işlem düğmesini ekleme
Aşağıdaki kod, FloatingActionButton
etiketinin düzen dosyanızda nasıl görüneceğini gösterir:
<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 temanın renk paletiyle özelleştirebilirsiniz.
Diğer FAB özelliklerini, XML özelliklerini veya aşağıdakiler gibi karşılık gelen yöntemleri kullanarak yapılandırabilirsiniz:
app:fabSize
özelliğini veyasetSize()
yöntemini kullanan FAB'nin boyutuapp:rippleColor
özelliğini veyasetRippleColor()
yöntemini kullanan FAB'nin dalga rengiandroid:src
özelliğini veyasetImageDrawable()
yöntemini kullanan FAB simgesi
Düğmeye dokunmalara yanıt verme
Daha sonra, FAB'ye dokunma işlemlerini işlemek için bir View.OnClickListener
uygulayabilirsiniz. Örneğin, kullanıcı FAB'a dokunduğunda aşağıdaki kodda bir 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'nin özellikleri hakkında daha fazla bilgi edinmek için FloatingActionButton
ile ilgili API referansına bakın.