إيه الفرق؟
الدرج الجانبي أم الورقة السفلية
الفارق هو الحافّة التي يرتكز عليها كلٌّ منهما، وهذا يقرّر كل شيء بعده. الدرج يرتكز على حافّة جانبية، فارتفاعه كامل وعرضه محدود، ويناسب الشاشات العريضة. الورقة السفلية ترتكز على الحافّة السفلية، فعرضها كامل وارتفاعها متدرّج، وتقع في متناول الإبهام على الهاتف.
اسأل نفسك سؤالاً واحداً
الشاشة اللي بتصمّم لها عريضة ولا الإبهام هو اللي هيوصل؟
التنقّل
اسحبه نحو حافّته، أو Esc
الدرج الجانبي
Drawer / Side Panelrole="dialog" / inset-inline-startاستخدمه لما
مرشّحات جانبية، أو سلّة تسوّق، أو لوحة تفاصيل على سطح المكتب حيث المساحة الأفقية متاحة والسياق خلفه يجب أن يبقى مرئياً.
المدخل الكاملالمطاعم القريبة
١٢ مكاناً حولك
مطعم البرج
الورقة السفلية
Bottom SheetBottomSheetDialog / .presentationDetentsاستخدمه لما
اختيار أو إجراء على الهاتف: قائمة مشاركة، منتقي خيارات، تفاصيل مختصرة. الارتفاع المتدرّج يسمح بحجم يناسب المحتوى.
المدخل الكاملالخطأ الكلاسيكي
درج جانبي يُعرض كما هو على الموبايل فيغطّي الشاشة كلها. النتيجة نافذة حوارية بلا مزايا النافذة الحوارية، وبإيماءة إغلاق في الاتجاه الخطأ.
مقارنات أخرى