إنشاء بطاقة سفلية

تعرِض الورقة السفلية محتوى ثانويًا، ويتم تثبيتها في أسفل الشاشة.

توافق الإصدار

يتطلّب هذا التنفيذ ضبط الحد الأدنى من إصدار حزمة تطوير البرامج (SDK) لمشروعك على المستوى 21 من واجهة برمجة التطبيقات أو مستوى أعلى.

التبعيات

تنفيذ بطاقة سفلية

لتنفيذ لوحة سفلية، استخدِم العنصر القابل للتجميع ModalBottomSheet:

توسيع الورقة وتصغيرها

لتوسيع ورقة البيانات وتصغيرها، استخدِم الرمز SheetState:

النقاط الرئيسية

  • استخدِم خانة content التي تستخدم ColumnScope لعرض مكونات المحتوى في ورقة بيانات في عمود.
  • استخدِم rememberSheetState لإنشاء مثيل من SheetState يتم تمريره إلى ModalBottomSheet باستخدام المَعلمة sheetState.
  • توفّر SheetState إمكانية الوصول إلى الدالتَين show وhide والسمات ذات الصلة بحالة ورقة البيانات الحالية. تتطلب هذه الدوالّ استخدام CoroutineScope، على سبيل المثال rememberCoroutineScope، ويمكن استدعاؤها استجابةً لأحداث واجهة المستخدم.

  • احرص على إزالة الرمز ModalBottomSheet من التركيب عند إخفاء الورقة السفلية.

النتائج

الشكل 1. بطاقة سفلية عادية (على يمين الشاشة) وبطاقة سفلية مشروطة (على يسار الشاشة)

المجموعات التي تتضمّن هذا الدليل

هذا الدليل هو جزء من مجموعات الأدلة السريعة المنظَّمة التي تتناول أهداف تطوير Android الأوسع نطاقًا:

تعرَّف على كيفية استخدام الدوال القابلة للتجميع لإنشاء مكونات جميلة لواجهة المستخدم بسهولة استنادًا إلى نظام التصميم المتعدّد الأبعاد.

إذا كانت لديك أسئلة أو ملاحظات

يمكنك الانتقال إلى صفحة الأسئلة الشائعة والاطّلاع على الأدلة السريعة أو التواصل معنا وإعلامنا برأيك.