علامات التبويب عبارة عن أزرار تظهر دائمًا في مجموعات وتعتمد على حالة بعضها البعض: لا يمكن أن يكون هناك سوى زر واحد نشط في أي وقت.
مكون الأزرار
يمكن للأزرار التي ليست علامات تبويب أن تعمل بشكل مستقل عن الأزرار الأخرى.
علامات التبويب
تشريح
2. أيقونة علامة تبويب غير نشطة
3. تسمية علامة التبويب النشطة
4. تسمية علامة التبويب غير النشطة
المواصفات
علامات تبويب متداخلة في شريط التطبيق - محاذاة إلى اليسار
شريط التطبيق ومكون رأس الصفحة
المواصفات، وإرشادات التصميم، والمزيد. علامات تبويب متداخلة في شريط التطبيق – محاذاة مرنة
تم طي علامات التبويب في شريط التطبيق – قائمة الدرج
شريط التطبيق ومكون رأس الصفحة
المواصفات، وإرشادات التصميم، والمزيد. شريط علامات تبويب مستقل – محاذٍ لليسار
شريط علامات تبويب مستقل – محاذاة مرنة
تجاوز سلسلة تسمية علامة التبويب
توسيع نطاق التخطيطات
توضح هذه التخطيطات المرجعية كيفية تكييف علامات التبويب لتناسب الشاشات ذات العرض والارتفاعات المختلفة. لاحظ أن جميع قيم البكسل هي قيم البكسل المعروضة، قبل أي عملية تقليل أو زيادة في دقة العرض.
مقارنة بين الشاشات القياسية والشاشات العريضة في فئة الارتفاع القصير
مقارنة بين الشاشات القياسية والشاشات العريضة ضمن فئة الارتفاع القياسي
مقارنة بين الشاشات القياسية والشاشات العريضة في فئة الطول الطويل
شاشات عريضة للغاية وشاشات عريضة جداً بجميع الارتفاعات
الأنماط
الطباعة
| نمط الخط | نوع الخط | وزن | الحجم (dp) |
|---|---|---|---|
| الجسم 3 م | روبوتو | واسطة | 24 |
| الجسم 3 | روبوتو | عادي | 24 |
لون
| عنصر | اللون (وضع النهار) | اللون (الوضع الليلي) |
|---|---|---|
| النوع الأساسي / الرموز | أبيض | أبيض بنسبة 88% |
| النوع الثانوي / الأيقونات | أبيض بنسبة 72% | أبيض بنسبة 60% |
| خلفية شريط التبويب | أسود | أسود |
| خلفية شريط التبويب عند التمرير | أسود بنسبة 84% | أسود بنسبة 88% |
| رمز التبويب - الحالة النشطة | أبيض | أبيض بنسبة 88% |
| رمز علامة التبويب - حالة غير نشطة | أبيض بنسبة 56% | أبيض بنسبة 50% |
المقاسات
| عنصر | الحجم (dp) |
|---|---|
| الأيقونة الأساسية | 44 |
| أيقونة ثانوية | 36 |
| هدف اللمس الأيقوني | 76 |
أمثلة
