دکمه عمل شناور (FAB) یک دکمه دایره‌ای است که عملکرد اصلی را در رابط کاربری برنامه شما فعال می‌کند. این سند نشان می‌دهد که چگونه یک FAB را به طرح‌بندی خود اضافه کنید، برخی از ظاهر آن را سفارشی کنید و به ضربه زدن دکمه پاسخ دهید.
برای کسب اطلاعات بیشتر در مورد نحوه طراحی FAB برای برنامه خود طبق دستورالعمل های طراحی متریال، به FAB طراحی مواد مراجعه کنید.
دکمه اکشن شناور را به طرح بندی خود اضافه کنید
کد زیر نشان می دهد که 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 مراجعه کنید.