Karta dayalı arayüzler

Örnek eklenti kartı

Google Workspace Eklentileri, ana makine uygulaması kullanıcı arayüzünün kenar çubuğunda bilgiler ve kullanıcı denetimleri sunar. Eklentiler, bir veya daha fazla karttan oluşan bir ana tanımlama araç çubuğundan oluşur.

Her kart, eklentinizin kullanıcı arayüzündeki belirli bir "sayfasını" temsil eder. Yeni bir karta gitmek, genellikle söz konusu kartı oluşturup dahili bir kart yığınına aktarmaktan ibarettir. Zengin bir etkileşim deneyimi için kartlar arasında gezinme akışları tanımlayabilirsiniz.

Kartlar bağlamsal olmayan veya bağlamsal olabilir. Ana makine uygulaması belirli bir bağlamda olduğunda kullanıcıya bağlamsal kartlar sunulur. Örneğin, bir Gmail iletisini veya Takvim etkinliğini açırken. Bağlamsal olmayan kartlar (ana sayfalar gibi), kullanıcıya ana makinenin belirli bir bağlamının dışında sunulur. Örneğin, kullanıcı Gmail gelen kutusunu, ana Drive klasörünü veya Takvim'i görüntülerken.

Apps Komut Dosyası'nda yerleşik olarak bulunan Google Workspace Eklentileri, kartlardan kullanıcı arayüzleri oluşturmak için Kart hizmetini kullanır. Diğer dillerde oluşturulan eklentiler, arayüzün kart olarak oluşturulması için doğru şekilde biçimlendirilmiş JSON döndürmelidir.

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

Kart tabanlı arayüzlerin avantajları şunlardır:

  • Kart tabanlı arayüzler oluşturmak için HTML veya CSS bilgisine gerek yoktur.
  • Kartlar ve widget'lar, genişlettikleri Google Workspace uygulamalarıyla uyumlu olacak şekilde otomatik olarak biçimlendirilir.
  • Karta dayalı arayüzler hem masaüstü hem de mobil cihazlarda çalışır, ancak arayüzü yalnızca bir kez tanımlamanız yeterlidir.

Kart tabanlı arayüzler oluşturma

Karta dayalı eklentiler oluştururken belirli kavramları ve tasarım kalıplarını anlamak önemlidir. Aşağıdaki kılavuzlarda, etkili kart tabanlı eklentiler oluşturmak için ihtiyacınız olan bilgiler verilmektedir:

Kart oluştururken ve kullanıcı arayüzü davranışını uygularken bu sayfalara başvurun. Eklentinizi uygularken referans olarak kullanabileceğiniz aşağıdaki ek örnekleri de bulabilirsiniz:

  • Google Workspace eklentisi "Kediler" hızlı başlangıç kılavuzu

    Bu eklenti örneği, birden çok sayfa ve ana sayfa içeren basit bir Google Workspace eklentisi kullanıcı arayüzünü göstermektedir.

  • Google Workspace Eklentisi: "Çeviri"

    Bu eklenti örneği, kullanıcıların Dokümanlar, E-Tablolar ve Slaytlar'daki metinleri çevirmesine olanak tanıyan bir Google Workspace Eklentisi'ni göstermektedir.

  • Google Workspace Eklentisi: "Ekip Listesi"

    Bu eklenti örneği; Gmail ileti alıcıları, Drive dosya düzenleyicileri veya Takvim etkinliği katılımcıları hakkında kullanıcı bilgilerini gösteren daha karmaşık bir Google Workspace Eklentisi örneğini gösterir. Bu eklenti, kullanıcı bilgilerini almak için Directory API'yi kullandığından yalnızca bir alan içinde kullanabilirsiniz.