טאבים הם כפתורים שתמיד מופיעים בקבוצות ותלויים במצב אחד של השני: רק אחד יכול להיות פעיל בכל זמן נתון.
רכיב כפתורים
כפתורים שאינם טאבים יכולים לפעול באופן עצמאי מכופתרים אחרים.
כרטיסיות
אֲנָטוֹמִיָה
2. סמל לשונית לא פעילה
3. תווית של הכרטיסייה הפעילה
4. תווית של לשונית לא פעילה
מפרט טכני
טאבים מקוננים בסרגל האפליקציות - מיושרים לשמאל
סרגל האפליקציה ורכיב הכותרת
מפרטים, הנחיות סגנון ועוד. טאבים מקוננים בסרגל האפליקציות - יישור גמיש
כרטיסיות מכווצות בסרגל האפליקציות - תפריט מגירה
סרגל האפליקציה ורכיב הכותרת
מפרטים, הנחיות סגנון ועוד. סרגל לשוניות עצמאי - מיושר לשמאל
סרגל לשוניות עצמאי - יישור גמיש
גלישת מחרוזת תווית טאב
שינוי קנה מידה של פריסות
פריסות עזר אלו מראות כיצד להתאים כרטיסיות למסכים ברוחבים וגבהים שונים. שימו לב שכל ערכי הפיקסלים הם בפיקסלים שעברו רינדור, לפני כל דגימה כלפי מטה או דגימה כלפי מעלה.
מסכים סטנדרטיים לעומת מסכים רחבים בטווח גובה קצר
מסכים סטנדרטיים לעומת מסכים רחבים בטווח גובה סטנדרטי
מסכים סטנדרטיים לעומת מסכים רחבים בטווח גובה גבוה
מסכים רחבים במיוחד וסופר רחבים בכל גובהי הגובה
סגנונות
טיפוגרפיה
| סגנון הסוג | גופן | מִשׁקָל | גודל (dp) |
|---|---|---|---|
| גוף 3 מטר | רובוטו | בֵּינוֹנִי | 24 |
| גוף 3 | רובוטו | קָבוּעַ | 24 |
צֶבַע
| אֵלֵמֶנט | צבע (מצב יום) | צבע (מצב לילה) |
|---|---|---|
| סוג ראשי / סמלים | לָבָן | לבן @ 88% |
| סוג משני / סמלים | לבן @ 72% | לבן @ 60% |
| רקע סרגל הטאבים | שָׁחוֹר | שָׁחוֹר |
| רקע סרגל הטאבים בעת גלילה | שחור @ 84% | שחור ב-88% |
| סמל לשונית - מצב פעיל | לָבָן | לבן @ 88% |
| סמל לשונית - מצב לא פעיל | לבן @ 56% | לבן @ 50% |
גודל
| אֵלֵמֶנט | גודל (dp) |
|---|---|
| סמל ראשי | 44 |
| סמל משני | 36 |
| סמל מגע יעד | 76 |
דוגמאות
