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 ,
![Kırmızı floatingActionButton içeren uygulama ekranını gösteren resim](https://developer.android.com/static/training/material/images/fab.png?authuser=0&hl=tr)
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 veyasetSize()
yöntemapp:rippleColor
özelliği veyasetRippleColor()
yöntemandroid:src
özelliğini veyasetImageDrawable()
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
.