İletişim kutuları

Diyalog penceresi, kullanıcının anında yanıt vermesi gereken görev bilgilerini görüntülemek için bir uygulamanın önünde açılan modal bir penceredir.

Diyalog, kullanıcı etkileşimi gerektiren bir uyarı olabilir. Ayrıca, kullanıcının bir seçim yapmasını veya onaylamasını gerektiren bir seçim veya onay diyaloğu da olabilir. Diyalog, kapatılana veya gerekli işlem yapılana kadar odak noktasını korur. Diyaloglar kesintiye neden oldukları için, nadiren kullanılmalıdırlar.

Diyaloglar, bildirim mesajlarıyla ilişkilidir (her ikisi de Diyalog bileşen ailesinin üyeleridir), ancak tabloda gösterildiği gibi amaç ve öncelik bakımından farklılık gösterirler.

Bileşen Amaç Öncelik
Kadeh kaldırmalar Bilgilendirici bir mesaj görüntüler. Kullanıcı etkileşimi gerektirmez. 8 saniye sonra kaybolur. Düşük
Diyalog Kullanıcı etkileşimi gerektiren bilgi ve görev seçeneklerini görüntüler. Kullanıcı yanıt verene kadar diyalog penceresi odaklanmış halde kalır. Yüksek

Anatomi

Diyalog kutuları, bilgilendirici metin ve kullanıcıdan yanıt isteyen kullanıcı arayüzü kontrolleri içerir.

1. Diyalog arka planı
2. Kart başlığı
3. İçerik alanı
4. Kart işlem alanı

Özellikler

açıklama simgesi
Düğmeler bileşeni
Teknik özellikler, stil yönergeleri ve daha fazlası
açıklama simgesi
Liste öğeleri bileşeni
Teknik özellikler, stil yönergeleri ve daha fazlası

Başlıksız diyalog

Başlıklı diyalog

Başlığı ortalanmış diyalog

Kaydırılabilir iletişim kutusu

Özelleştirme

Diyalogların aşağıdaki yönlerini özelleştirerek markanızı ifade edin:

  • Yazı Tipleri
  • Etkin, etkin olmayan ve devre dışı bırakılmış düğmelerin stillendirilmesi
  • Düğme boyutları ve yerleşimleri

Örnekler

Başlıklı diyalog - gün
Başlıklı diyalog - gece
Kaydırılabilir diyalog - gün
Kaydırılabilir diyalog - gece
Diyalog eylem halinde