Kart tabanlı arayüzler

.

Örnek eklenti kartı

Google Workspace eklentileri bilgi ve kullanıcı sunar kontrol panelleri ana makine uygulaması Kullanıcı arayüzü. Eklenti, ana tanımlayıcı araç çubuğu ve bir veya daha fazla kartlar kullanın.

Her kart belirli bir 'sayfayı' temsil eder ve yeni bir karta gitme genellikle her aşamanın ardından bu kartı dahili bir kart yığınına aktarır. Zengin bir etkileşim deneyimi için kartlar arasında gezinme akışları tanımlayabilirsiniz.

Kartlar bağlamsal olmayan veya bağlamsal olabilir. Bağlama dayalı kartlar sunulur belirli bir bağlamda olduğunda bunu kullanıcıya bildirir. Örneğin, Gmail mesajını veya Takvim etkinliğini açarken. Bağlama dayalı olmayan kartlar (ör. ana sayfalar) kullanıcıya sunulduğundan bağlamının dışına çıkarak ekleyebilirsiniz. Örneğin, kullanıcı Gmail gelen kutusunu, ana Drive klasörünü veya Takvimini görüntüleyen kullanıcılar.

Apps Komut Dosyası'nda yerleşik olarak bulunan Google Workspace eklentilerinde, Kart hizmeti ile kartlar kullanın. Diğer dillerde oluşturulmuş eklentiler arayüzün kart olarak oluşturulması için doğru şekilde biçimlendirilmiş JSON döndürmelidir.

Her kart bir başlıktan ve bir veya daha fazla kart bölümünden oluşur. Her bölüm bir dizi widget'tan oluşur. Widget'lar kullanıcıya bilgi gösteremez veya düğmeler gibi etkileşim kontrolleri sağlar.

Kart tabanlı arayüzler aşağıdaki avantajları sağlar:

  • Kart tabanlı arayüzler oluşturmak için HTML veya CSS bilgisi gerekmez.
  • Kartlar ve widget'ların stil özellikleri otomatik olarak genişletilen Google Workspace uygulamaları.
  • Kart tabanlı arayüzler hem masaüstü bilgisayarlarda hem de mobil cihazlarda çalışır, ancak arayüzü bir kez tanımlamamız gerekir.

Kart tabanlı arayüzler oluşturma

Kart tabanlı eklentiler oluştururken, üzerine konuşacağız. Aşağıdaki kılavuzlarda istenen bilgileri etkili kart tabanlı eklentiler oluşturmanız gerekir:

Kartlar oluştururken ve bunları uygularken bu sayfalara başvurun Kullanıcı arayüzü davranışı. Aşağıdaki ek örnekleri de referans almanız gerekir: