یک دکمه اکشن شناور اضافه کنید

روش Compose را امتحان کنید

Jetpack Compose جعبه ابزار UI توصیه شده برای اندروید است. با نحوه افزودن کامپوننت در Compose آشنا شوید.

دکمه اکشن شناور →

دکمه عمل شناور (FAB) یک دکمه دایره‌ای است که عملکرد اصلی را در رابط کاربری برنامه شما فعال می‌کند. این سند نشان می‌دهد که چگونه یک FAB را به طرح‌بندی خود اضافه کنید، برخی از ظاهر آن را سفارشی کنید و به ضربه زدن دکمه پاسخ دهید.

برای کسب اطلاعات بیشتر در مورد نحوه طراحی FAB برای برنامه خود طبق دستورالعمل های طراحی متریال، به FAB طراحی مواد مراجعه کنید.

شکل 1. یک دکمه عمل شناور (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 مراجعه کنید.