I componenti aggiuntivi di Google Workspace presentano informazioni e utenti nella barra laterale della applicazione host nell'interfaccia utente. Un componente aggiuntivo è costituito da una barra degli strumenti principale di identificazione insieme a una o più schede.
Ogni scheda rappresenta una "pagina" specifica. dell'interfaccia utente del componente aggiuntivo la navigazione verso una nuova carta di solito è solo una di creare la scheda spingendolo su una pila di schede interna. Puoi definire i flussi di navigazione tra le schede per un'esperienza di interazione coinvolgente.
Le schede possono essere non contestuali o contestuali. Vengono presentate schede contestuali all'utente quando l'applicazione host si trova in un contesto specifico. Ad esempio: quando apri un messaggio Gmail o un evento di Calendar. Schede non contestuali (come home page) vengono presentate all'utente al di fuori di un contesto specifico dell'host. Ad esempio, quando l'utente a visualizzare la Posta in arrivo di Gmail, la cartella principale di Drive o Calendar.
I componenti aggiuntivi di Google Workspace integrati in Apps Script utilizzano Servizio carte per creare interfacce utente schede. Componenti aggiuntivi creati in altre lingue devono restituire un file JSON formattato correttamente affinché l'interfaccia venga visualizzata come schede.
Ogni scheda è composta da un'intestazione e da una o più sezioni di schede. Ogni sezione è composti da un insieme di widget. Widget mostrare informazioni all'utente o fornire controlli di interazione come i pulsanti.
Le interfacce basate su carta offrono i seguenti vantaggi:
- Non è richiesta alcuna conoscenza del linguaggio HTML o CSS per creare interfacce basate su schede.
- Lo stile delle schede e dei widget viene impostato automaticamente in modo da funzionare bene con le applicazioni di Google Workspace che estendono.
Le interfacce basate su schede funzionano sia su computer che su dispositivi mobili, dover definire l'interfaccia una volta.
Creazione di interfacce basate su schede
Quando si creano componenti aggiuntivi basati su schede, è importante comprendere alcune concetti e modelli di progettazione. Le seguenti guide forniscono informazioni devi creare componenti aggiuntivi basati su carte efficaci:
- Schede
- Home page
- Widget
- Azioni
- Oggetti evento
- Costruire carte
- Creazione di schede interattive
- Spostarsi tra le schede
- Utilizzare le azioni universali
- Aggiunta del completamento automatico agli input di testo
- Accesso alle impostazioni internazionali e ai fusi orari degli utenti
- Connettersi a servizi non Google
- Guida di stile
- Best practice
Fai riferimento a queste pagine quando crei le schede e implementi Comportamento dell'interfaccia utente. Potresti trovare utili anche i seguenti esempi aggiuntivi per riferimento durante l'implementazione del componente aggiuntivo:
Componente aggiuntivo di Google Workspace "Gatti" Guida rapida
Questo esempio di componente aggiuntivo mostra una semplice UI di un componente aggiuntivo di Google Workspace con più pagine e home page.
Componente aggiuntivo di Google Workspace: "Traduci"
Questo esempio di componente aggiuntivo mostra un componente aggiuntivo di Google Workspace che consente agli utenti di tradurre il testo da all'interno di Documenti, Fogli e Presentazioni.
Componente aggiuntivo di Google Workspace: "Elenco dei team"
Questo esempio di componente aggiuntivo mostra una più complessa Esempio di componente aggiuntivo di Google Workspace, che mostra informazioni utente sui destinatari dei messaggi di Gmail, sugli editor dei file di Drive Partecipanti a un evento di Calendar. Puoi utilizzare questo componente aggiuntivo solo all'interno di un dominio, poiché utilizza l'API Directory per recuperare le informazioni dell'utente.