إنشاء بطاقة سفلية
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
تعرِض الورقة السفلية محتوى ثانويًا، ويتم تثبيتها في أسفل الشاشة.
توافق الإصدار
يتطلّب هذا التنفيذ ضبط الحد الأدنى من إصدار حزمة تطوير البرامج (SDK) لمشروعك على المستوى 21 من واجهة برمجة التطبيقات أو
مستوى أعلى.
التبعيات
تنفيذ بطاقة سفلية
لتنفيذ لوحة سفلية، استخدِم العنصر القابل للتجميع ModalBottomSheet
:
توسيع الورقة وتصغيرها
لتوسيع ورقة البيانات وتصغيرها، استخدِم الرمز SheetState
:
النقاط الرئيسية
- استخدِم خانة
content
التي تستخدم ColumnScope
لعرض مكونات المحتوى في ورقة بيانات في عمود.
- استخدِم
rememberSheetState
لإنشاء مثيل من SheetState
يتم
تمريره إلى ModalBottomSheet
باستخدام المَعلمة sheetState
.
توفّر SheetState
إمكانية الوصول إلى الدالتَين show
وhide
والسمات ذات الصلة بحالة ورقة البيانات الحالية. تتطلب هذه الدوالّ استخدام CoroutineScope
، على سبيل المثال rememberCoroutineScope
، ويمكن استدعاؤها استجابةً لأحداث واجهة المستخدم.
احرص على إزالة الرمز ModalBottomSheet
من التركيب عند إخفاء
الورقة السفلية.
النتائج
الشكل 1. بطاقة سفلية عادية (على يمين الشاشة) وبطاقة سفلية مشروطة (على يسار الشاشة)
المجموعات التي تتضمّن هذا الدليل
هذا الدليل هو جزء من مجموعات الأدلة السريعة المنظَّمة التي تتناول
أهداف تطوير Android الأوسع نطاقًا:
عرض المكونات التفاعلية
تعرَّف على كيفية استخدام الدوال القابلة للتجميع لإنشاء مكونات جميلة لواجهة المستخدم بسهولة استنادًا إلى نظام التصميم المتعدّد الأبعاد.
يخضع كل من المحتوى وعيّنات التعليمات البرمجية في هذه الصفحة للتراخيص الموضحّة في ترخيص استخدام المحتوى. إنّ Java وOpenJDK هما علامتان تجاريتان مسجَّلتان لشركة Oracle و/أو الشركات التابعة لها.
تاريخ التعديل الأخير: 2025-02-06 (حسب التوقيت العالمي المتفَّق عليه)
[[["يسهُل فهم المحتوى.","easyToUnderstand","thumb-up"],["ساعَدني المحتوى في حلّ مشكلتي.","solvedMyProblem","thumb-up"],["غير ذلك","otherUp","thumb-up"]],[["لا يحتوي على المعلومات التي أحتاج إليها.","missingTheInformationINeed","thumb-down"],["الخطوات معقدة للغاية / كثيرة جدًا.","tooComplicatedTooManySteps","thumb-down"],["المحتوى قديم.","outOfDate","thumb-down"],["ثمة مشكلة في الترجمة.","translationIssue","thumb-down"],["مشكلة في العيّنات / التعليمات البرمجية","samplesCodeIssue","thumb-down"],["غير ذلك","otherDown","thumb-down"]],["تاريخ التعديل الأخير: 2025-02-06 (حسب التوقيت العالمي المتفَّق عليه)"],[],[]]