Interfacce basate su scheda

I componenti aggiuntivi di Google Workspace sono basati su schede. I componenti aggiuntivi dell'editor sono basati su HTML.

Esempio di interfaccia della scheda di un componente aggiuntivo di Google Workspace.

I componenti aggiuntivi presentano informazioni e controlli utente nella barra laterale dell' interfaccia utente dell'applicazione host. Un componente aggiuntivo di Google Workspace è costituito da una barra degli strumenti di identificazione principale e da una o più schede.

Ogni scheda rappresenta una "pagina" specifica dell'interfaccia utente del componente aggiuntivo. Per passare a una nuova scheda in genere è sufficiente crearla e inserirla in uno stack di schede interno. Puoi definire i flussi di navigazione tra le schede per un'esperienza di interazione completa.

Le schede possono essere non contestuali o contestuali. Le schede contestuali vengono presentate all'utente quando l'applicazione host si trova in un contesto specifico, ad esempio quando si apre un messaggio di Gmail o un evento di Google Calendar. Le schede non contestuali (ad esempio le home page) vengono presentate all'utente al di fuori di un contesto specifico dell'host, ad esempio quando l'utente visualizza la Posta in arrivo di Gmail, la cartella di Google Drive principale o Calendar.

I componenti aggiuntivi di Google Workspace creati in Google Apps Script utilizzano il servizio Scheda per creare interfacce utente dalle schede. I componenti aggiuntivi creati in altre lingue devono restituire JSON formattati correttamente affinché l'interfaccia venga visualizzata come schede.

Ogni scheda è costituita da un'intestazione e da una o più sezioni. Ogni sezione è composta da un insieme di widget. I widget mostrano informazioni all'utente o forniscono controlli di interazione come i pulsanti.

Le interfacce basate su schede presentano i seguenti vantaggi:

  • Non è necessaria alcuna conoscenza di HTML o CSS per creare interfacce basate su schede.
  • Lo stile di schede e widget viene applicato automaticamente per funzionare correttamente con le applicazioni Google Workspace che estendono.
  • Le interfacce basate su schede funzionano sia su computer che su dispositivi mobili, ma devi definire l'interfaccia una sola volta.

Gmail è l'unica applicazione host che può essere estesa dai componenti aggiuntivi di Google Workspace su dispositivi mobili.

Creare interfacce basate su schede

Quando crei componenti aggiuntivi basati su schede, è importante comprendere alcuni concetti e pattern di progettazione. Le seguenti guide forniscono le informazioni necessarie per creare componenti aggiuntivi basati su schede efficaci:

Fai riferimento a queste pagine quando crei schede e implementi il comportamento dell'interfaccia utente. Potresti anche trovare utili i seguenti esempi aggiuntivi a cui fare riferimento durante l'implementazione del componente aggiuntivo: