Panoramica
Sezione intitolata “Panoramica”@capgo/capacitor-widget-kit fornisce alle app Capacitor due modi per gestire i widget e le attività in tempo reale:
- Attività dei modelli SVG: definisci le superfici del Kit di widget come SVG, passa tra le finestre denominate dai tocchi, esegui timer di pausa/riavvio, modifica lo stato JSON e raccogli gli eventi di azione nell'app.
- Sessioni di widget nativo completo: mantiene l'interfaccia utente del widget completamente in Swift/Kotlin/Java mentre Capacitor possiede uno stato JSON condiviso e messaggi app-to-widget o widget-to-app.
Utilizza i modelli SVG quando il tuo widget può essere reso da stringhe SVG risolte. Utilizza le sessioni di widget nativo completo quando il widget richiede un'interfaccia utente nativa personalizzata ma deve ancora iniziare, fermare, sincronizzare lo stato o chiedere all'app di completare il lavoro asincrono.
Esempio
Sezione intitolata “Demo”
Scegli un Modo
Sezione intitolata “Scegli un Modo”| Modo | Migliore per | API principali |
|---|---|---|
| Attività SVG del modello | Attività live o superfici di widget che rendono da uscita SVG | startTemplateActivity, performTemplateAction, listTemplateEvents |
| Sessione del widget nativo completa | Widget nativi renderizzati che richiedono stato condiviso e job asincroni | startWidgetSession, updateWidgetSession, sendWidgetMessage |
Entrambe le modalità possono vivere nello stesso app. Ad esempio, un'applicazione di allenamento può utilizzare un'attività SVG Live per controlli di frame/timer veloci e una sessione widget nativa completa per un widget della schermata iniziale con un layout nativo più ricco.
Capacità dei modelli SVG
Le cartelle SVG includono le parti necessarie per superfici widget interattive:varianti di SVG denominate, ad esempio
frames, osummary,timerpassare da una fase all'altra dopo un'azione hotspot.details.frameMutationsavviare, sospensione, riprendere, abilitare, resettare, fermare o modificare la durata del timer.timerMutationsaggiornare lo stato JSON utilizzando valori letterali, modelli, timestamp, incrementi, toggle o operazioni di annullamento.patchesmappare aree di tocco a identificatori di azione.hotspotsconsente all'applicazione di elaborare azioni originate dai widget in un momento successivo.listTemplateEventsIl runtime risolve i placeholder come __CAPGO_KEEP_0__.
Capacità dei modelli SVG {{state.title}}, {{timers.rest.remainingText}}e prima che il ponte nativo restituisca una superficie per la rendering. {{meta.template.kind}} Capacità del Ponte Nativo Completo
Sezione intitolata “Capacità del Ponte Nativo Completo”
Il ponte nativo completo è per widget che rendono la propria UI nativamente:crea uno stato condiviso e metadati per il widget nativo __CAPGO_KEEP_0__.
startWidgetSessioncreates shared state and metadata for native widget code.updateWidgetSessionregistra uno stato finale e segnala la sessione fermata.stopWidgetSessionmette in coda il lavoro app-to-widget o widget-to-app.sendWidgetMessagesegnala i messaggi come ricevuti.acknowledgeWidgetMessagesmemorizza una risposta o un fallimento per i job async.completeWidgetMessageI messaggi sono idempotenti dopo la completamento: riprovando un messaggio completato o fallito restituisce il risultato esistente invece di sovrascriverlo.
Full-Native Bridge Capabilities
Pubblico API
Sezione intitolata “Pubblico API”| Metodo | Descrizione |
|---|---|
areActivitiesSupported | Verifica se il ponte di attività di template nativo può essere eseguito sul dispositivo corrente. |
startTemplateActivity | Persista un template di attività SVG e avvii il ponte di attività nativo Live. |
updateTemplateActivity | Sostituisci la definizione dell'attività, lo stato o l'URL aperto. |
endTemplateActivity | Termina un'attività in esecuzione e persisti optionalmente uno snapshot dello stato finale. |
performTemplateAction | Esegui patch dichiarative, mutazioni di frame, mutazioni di timer e registrazione degli eventi. |
getTemplateActivity | Leggi un template di attività memorizzato. |
listTemplateActivities | Elencare tutte le attività di template memorizzate. |
listTemplateEvents | Leggi gli eventi di azione emessi dalle azioni di template. |
acknowledgeTemplateEvents | Segnala eventi di template come elaborati. |
startWidgetSession | Avvia una sessione di widget nativo completo supportata da stato JSON condiviso. |
updateWidgetSession | Unisci o sostituisci lo stato di sessione del widget nativo completo. |
stopWidgetSession | Interrompi una sessione di widget nativo completo e, facoltativamente, persisti lo stato finale. |
getWidgetSession | Leggi una sessione di widget nativo completo. |
listWidgetSessions | Elencare tutte le sessioni di widget nativo completo. |
sendWidgetMessage | Inserisci un messaggio nella coda tra l'app e il widget nativo code. |
listWidgetMessages | Elencare i messaggi nella coda del bridge. |
acknowledgeWidgetMessages | Segnala i messaggi del bridge come riconosciuti. |
completeWidgetMessage | Completa o falli un messaggio asincrono del bridge. |
getPluginVersion | Restituisci il marker di versione dell'implementazione del platform. |
Pezzi nativi
Sezione intitolata “Pezzi nativi”Il plugin fornisce anche aiuti nativi per i target widget:
CapgoTemplateWidgetBridgerisolve la superficie di un template SVG insvg,frameId,hotspots, e metadati.CapgoTemplateActionIntentconnette pulsanti widget interattivi iOS a azioni di template.CapgoNativeWidgetBridgecarica sessioni e messaggi full-native da widget nativo code.- Gli aiuti di template Android forniscono comportamento di ricezione azione e ponte widget corrispondente.
Fonte di Verità
Sezione intitolata “Fonte di Verità”La API di riferimento è sincronizzata da src/definitions.ts nel repository del plugin.
Continua da @capgo/capacitor-kit-widget
Sezione intitolata “Continua da @capgo/capacitor-kit-di-widget”Se stai utilizzando @capgo/capacitor-kit-di-widget per pianificare l'automazione CI/CD, connettilo con Utilizzando @capgo/capacitor-kit-di-widget per la capacità nativa in Utilizzando @capgo/capacitor-kit-di-widget, @Capgo Automazione CI/CD per il flusso di lavoro del prodotto in @Capgo Automazione CI/CD, @Capgo Costruzioni native per il flusso di lavoro del prodotto in @Capgo Costruzioni native, @Capgo Integrazioni per il flusso di lavoro del prodotto in @Capgo Integrazioni, e Integrazione CI/CD per i dettagli di implementazione nell'integrazione CI/CD.