PenTool UIEnglishتصفّح المكتبة

الأشرطة العلوية · التنقّل

الأشرطة العلوية في التنقّل: 12 تصميمًا — شريط بحساب وإشعارات · شريط بإعلان علوي · شريط تطبيق مصغّر · شريط بمسار تنقّل

كلّ تصاميم التنقّل

التصاميم

RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط بحساب وإشعارات

قائمتان منفصلتان، فتح إحداهما يغلق الأخرى

متقدّم
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط بإعلان علوي

شريط عرض فوقه بمؤقّت حقيقي، ويُغلق فلا يعود

متوسّط
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط تطبيق مصغّر

أنحف مقاس، بمبدّل مشروع ومفتاح أوامر

متقدّم
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط بمسار تنقّل

مسار هرمي بفواصل تنقلب مع الاتجاه

مبتدئ
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط بشعار متوسّط

الشعار في الوسط والروابط تتوزّع جانبيه بالتساوي

مبتدئ
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط علوي كلاسيكي

شعار وروابط وزرّ إجراء — الأساس الذي يعمل دائمًا

مبتدئ
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط بقائمة ضخمة

لوحة أعمدة تنسدل، تُغلق بالهروب وبالضغط خارجها

متقدّم
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط جوّال بقائمة منسدلة

همبرغر يفتح لوحة كاملة تحبس التركيز

متوسّط
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط ببحث مركزي

البحث يتمدّد عند التركيز ويحتفظ بمساحته

متوسّط
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط يتقلّص مع التمرير

يبدأ عاليًا ثم ينكمش، ويستعيد ارتفاعه عند العودة للأعلى

متقدّم
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط بتبويبات ثانوية

صفّان: هوية أعلى وتبويبات أسفل بمؤشّر متحرّك

متوسّط
كود برومبت
RTL مُتحقَّقLTR مُتحقَّق التنقّل

شريط شفّاف يمتلئ

شفّاف فوق الصورة، ويكتسب خلفية عند التمرير

متوسّط
كود برومبت