دکمه عمل شناور (FAB) یک دکمه دایرهای است که عملکرد اصلی را در رابط کاربری برنامه شما فعال میکند. این سند نشان میدهد که چگونه یک FAB را به طرحبندی خود اضافه کنید، برخی از ظاهر آن را سفارشی کنید و به ضربه زدن دکمه پاسخ دهید.
برای کسب اطلاعات بیشتر در مورد نحوه طراحی FAB برای برنامه خود طبق دستورالعمل های طراحی متریال، به FAB طراحی مواد مراجعه کنید.
![تصویری که یک صفحه برنامه حاوی دکمه قرمز FloatingAction را نشان می دهد](https://developer.android.google.cn/static/training/material/images/fab.png?hl=fa)
دکمه اکشن شناور را به طرح بندی خود اضافه کنید
کد زیر نشان می دهد که FloatingActionButton
چگونه در فایل layout شما ظاهر می شود:
<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" />
بهطور پیشفرض، یک FAB با ویژگی colorAccent
رنگ میشود، که میتوانید با پالت رنگ تم آن را سفارشی کنید .
میتوانید سایر ویژگیهای FAB را با استفاده از ویژگیهای XML یا روشهای مربوطه، مانند موارد زیر، پیکربندی کنید:
- اندازه FAB با استفاده از ویژگی
app:fabSize
یا متدsetSize()
- رنگ موج دار FAB با استفاده از ویژگی
app:rippleColor
یا متدsetRippleColor()
- نماد FAB با استفاده از ویژگی
android:src
یا متدsetImageDrawable()
به ضربه زدن دکمه پاسخ دهید
سپس می توانید یک View.OnClickListener
را برای کنترل ضربه های FAB اعمال کنید. برای مثال، زمانی که کاربر روی FAB ضربه میزند، کد زیر یک Snackbar
را نمایش میدهد:
کاتلین
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، به مرجع API مربوط به FloatingActionButton
مراجعه کنید.