Kart tabanlı arayüzler

Google Workspace eklentileri kart tabanlıdır. Düzenleyici eklentileri HTML tabanlıdır.

Google Workspace eklenti kartı arayüzü örneği.

Eklentiler, ana uygulama kullanıcı arayüzünün kenar çubuğunda bilgi ve kullanıcı kontrolleri sunar. Google Workspace eklentisi, ana tanımlayıcı araç çubuğunun yanı sıra bir veya daha fazla karttan oluşur.

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

Kartlar bağlamsız veya bağlamsal olabilir. Bağlamsal kartlar, barındırıcı uygulama belirli bir bağlamdayken (ör. Gmail iletisi veya Google Takvim etkinliği açılırken) kullanıcıya gösterilir. Bağlam dışı kartlar (ör. ana sayfalar), kullanıcıya ana makinenin belirli bir bağlamı dışında sunulur. Örneğin, kullanıcı Gmail gelen kutusunu, ana Google Drive klasörünü veya Takvim'i görüntülerken.

Google Apps Komut Dosyası'nda oluşturulan Google Workspace eklentileri, kartlardan kullanıcı arayüzleri oluşturmak için Card hizmetini kullanır. Diğer dillerde oluşturulan eklentiler, arayüzün kart olarak oluşturulması için düzgün 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 dizi widget'tan oluşur. Widget'lar, kullanıcıya bilgi gösterir veya düğmeler gibi etkileşim denetimleri sağlar.

Kart tabanlı arayüzlerin aşağıdaki avantajları vardır:

  • Kart tabanlı arayüzler oluşturmak için HTML veya CSS bilgisi gerekmez.
  • Kartlar ve widget'lar, kapsamlarını genişlettikleri Google Workspace uygulamalarıyla iyi çalışacak şekilde otomatik olarak biçimlendirilir.
  • Kart tabanlı arayüzler hem masaüstü hem de mobil cihazlarda çalışır ancak arayüzü yalnızca bir kez tanımlamanız gerekir.

Gmail, mobil cihazlarda Google Workspace eklentileriyle genişletilebilen tek ana makine uygulamasıdır.

Karta dayalı arayüzler oluşturma

Kart tabanlı eklentiler oluştururken belirli kavramları ve tasarım kalıplarını anlamak önemlidir. Aşağıdaki kılavuzlar, etkili kart tabanlı eklentiler oluşturmak için ihtiyacınız olan bilgileri sağlar:

Kart oluştururken ve kullanıcı arayüzü davranışını uygularken bu sayfalardan yararlanın. Eklentinizi uygularken aşağıdaki ek örneklerden de yararlanabilirsiniz:

  • Google Workspace eklentisi "Cats" ile hızlı başlangıç

    Bu eklenti örneğinde, birden fazla sayfa ve ana sayfa içeren bir eklenti kullanıcı arayüzü gösterilmektedir.

  • Google Workspace eklentisi: "Çevir"

    Bu eklenti örneği, kullanıcıların Dokümanlar, E-Tablolar ve Slaytlar'da metin çevirmesine olanak tanıyan bir eklentiyi gösterir.

  • Google Workspace eklentisi: "Takım Listesi"

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