تشير أشرطة التمرير إلى موقع المستخدم في المستند عندما يكون حجمه أكبر من مساحة العرض. وتتيح للمستخدم التنقل إلى باقي أجزاء المستند عن طريق تحريك منطقة عرض النافذة لأعلى أو لأسفل.
يتفاعل المستخدمون مع أشرطة التمرير باستخدام اللمس أو عجلة التمرير أو لوحة اللمس. يؤدي النقر على الأسهم في شريط التمرير إلى تحريك المحتوى صفحاتٍ، أي بزياداتٍ تعادل ارتفاع الشاشة. مع ذلك، إذا قام المستخدمون بالتمرير بسرعةٍ فائقة (بحسب حساسية شاشة اللمس)، فقد تُولّد هذه الحركة زخمًا قصوريًا يُمرّر المحتوى لمسافةٍ تتجاوز صفحةً واحدة. وبغض النظر عن كيفية بدء التمرير، يجب أن تستقر حركة التمرير دائمًا على العنصر المطلوب.
تشريح
يتكون شريط التمرير من أزرار التمرير لأعلى ولأسفل، بالإضافة إلى مؤشر تقدم التمرير. تُستخدم علامات شيفرون في أزرار التمرير لتحديد اتجاه التمرير. مؤشر تقدم التمرير عنصر اختياري يُشير إلى المحتوى المرئي وموضع التمرير بالنسبة إلى إجمالي محتوى الصفحة.
2. مؤشر تقدم التمرير
3. إمكانية التمرير لأسفل
المواصفات
موضع شريط التمرير مع التنقل الأساسي المكدس وشريط التحكم المصغر
موضع شريط التمرير مع رأس التطبيق فقط
موضع شريط التمرير مع رأس التطبيق وشريط التحكم
موضع شريط التمرير مع رأس التطبيق وشريط التحكم الموسع
موضع شريط التمرير مع شريط التطبيق/الرأس وشريط التحكم المصغر
موضع شريط التمرير مع شريط/رأس التطبيق فقط
موضع شريط التمرير مع رأس التطبيق وشريط التحكم
موضع شريط التمرير مع رأس التطبيق وشريط التحكم الموسع
موضع شريط التمرير مع ارتفاع الشاشة القصير
مؤشر تقدم التمرير (اختياري)
الأنماط
لون
| عنصر | اللون (وضع النهار) | اللون (الوضع الليلي) |
|---|---|---|
| الرموز الأساسية - الحالة النشطة | أبيض | أبيض بنسبة 88% |
| الرموز الأساسية - حالة غير نشطة | أبيض بنسبة 56% | أبيض بنسبة 50% |
| مؤشر تقدم التمرير | أبيض بنسبة 16% | أبيض بنسبة 12% |
المقاسات
| عنصر | الحجم (dp) |
|---|---|
| الأيقونة الأساسية | 44 |
| أهداف اللمس | 76 |
| عرض مؤشر تقدم التمرير | 6 |
| نصف قطر الزاوية المستديرة (R4) | ممتلىء |
أمثلة
