القائمة الرئيسية

الصفحات

طريقة أضافة زر إجراء عائم في اندرويد ستوديو Android Studio

طريقة أضافة زر إجراء عائم في اندرويد ستوديو Android Studio
 

طريقة أضافة زر إجراء عائم في اندرويد ستوديو Android Studio

أضف زر إجراء عائم
زر الإجراء العائم (FAB) هو زر دائري يقوم بتشغيل 
الإجراء الأساسي في واجهة مستخدم تطبيقك.
 توضح لك هذه الصفحة كيفية إضافة FAB إلى التخطيط الخاص بك ،
 وتخصيص بعض مظهره ، والرد على نقرات الأزرار .
لمعرفة المزيد حول كيفية تصميم زر إجراء عائم في تطبيقك وفقًا لإرشادات التصميم متعدد الأبعاد ، 



أضف زر الإجراء العائم إلى التخطيط الخاص بك
يوضح الكود التالي كيف FloatingActionButton
 يجب أن يظهر في ملف التخطيط الخاص بك :

<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.
 على سبيل المثال ، الكود التالي يعرض  Snackbar عندما ينقر المستخدم على FAB :





الكود الخاص بـ كوتلن :


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.

جدول المحتويات