תיבת דו-שיח היא חלון חלון קופץ שמוצג לפני אפליקציה ומציג פרטים על המשימה, שמחייבת תגובה מיידית של המשתמש.
תיבת דו-שיח יכולה להיות התראה, שנדרשת לה אינטראקציה עם המשתמש. היא יכולה להיות גם תיבת דו-שיח של בחירה או אישור, שבה המשתמש צריך לבחור או לאשר. המיקוד בתיבת הדו-שיח נשמר עד לסגירתה או עד לביצוע הפעולה הנדרשת. תיבות דו-שיח מפריעות, ולכן כדאי להשתמש בהן כמה שפחות.
תיבות דו-שיח קשורות לטוסטים (שניהם רכיבים ממשפחת הרכיבים של Dialog), אבל המטרה והעדיפות שלהן שונות, כפי שמתואר בהמשך.
רכיב | מטרה | עדיפות |
טוסטים | הצגת הודעה אינפורמטיבית. לא נדרשת אינטראקציה מצד המשתמש. נעלם אחרי 8 שניות. | נמוך |
תיבת דו-שיח | הצגת מידע ואפשרויות לביצוע משימות שדורשות אינטראקציה מצד המשתמש. תיבת דו-שיח שומרת על המיקוד עד שהמשתמש מגיב. | גבוה |
אנטומיה
תיבות הדו-שיח מכילות טקסט אינפורמטיבי ופקדים של ממשק המשתמש שמבקשים תגובה מהמשתמש.
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Anatomy-new.png?authuser=19&hl=he)
2. כותרת הכרטיס
3. אזור תוכן
4. אזור הפעולה של הכרטיס
מפרטים
תיבת דו-שיח ללא כותרת
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-3.png?authuser=19&hl=he)
תיבת דו-שיח עם כותרת
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-4.png?authuser=19&hl=he)
תיבת דו-שיח עם כותרת ממורכזת
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-5.png?authuser=19&hl=he)
תיבת דו-שיח שניתן לגלילה
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-6.png?authuser=19&hl=he)
התאמה אישית
יצרני ציוד מקורי (OEM) יכולים לשקף את המותג שלהם על ידי התאמה אישית של ההיבטים הבאים בתיבות דו-שיח:
- גופנים
- עיצוב של לחצנים פעילים, לא פעילים ומושבתים
- מאפיינים ומיקומים של לחצנים
מערכת העיצוב מספקת הנחיות להתאמה אישית של רכיבים לפי פריסה, צבע, טיפוגרפיה וגודל.
דוגמאות
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-1-new.png?authuser=19&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-2-new.png?authuser=19&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-3.png?authuser=19&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-4.png?authuser=19&hl=he)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-animation-1.gif?authuser=19&hl=he)