Saltar al contenido

@capgo/capacitor-kit-de-widget

WidgetKit y actividades en vivo para aplicaciones Capacitor, con plantillas impulsadas por SVG o sincronización de estado de widget nativo completo.

@capgo/capacitor-widget-kit Proporciona a una aplicación Capacitor dos formas de impulsar widgets y actividades en vivo:

  • Actividades de plantilla SVG: define superficies de WidgetKit como SVG, cambia marcos nombrados de toques, ejecuta temporizadores de pausa/reproducción, muta el estado JSON, y recopila eventos de acción en la aplicación.
  • Sessions de widget nativo completo: mantén la interfaz de usuario del widget completamente en Swift/Kotlin/Java mientras Capacitor gestiona el estado JSON compartido y los mensajes de la aplicación a la widget o de la widget a la aplicación.

Utiliza plantillas SVG cuando tu widget se puede renderizar a partir de cadenas de SVG resueltas. Utiliza sesiones nativas completas cuando el widget necesita una interfaz de usuario nativa personalizada pero aún tiene que iniciar, detener, sincronizar el estado o pedir a la aplicación que complete el trabajo asíncrono.

Demostración animada de WidgetKit que muestra el estado y los controles de la plantilla del widget impulsados por Capacitor
Flujo de plantilla de widget
ModoLo mejor paraAPI principales
Actividad de plantilla SVGActividades en vivo o superficies de widget que se renderizan desde la salida SVGstartTemplateActivity, performTemplateAction, listTemplateEvents
Sesión de widget nativo completaWidgets nativamente renderizados que necesitan estado compartido y tareas asíncronasstartWidgetSession, updateWidgetSession, sendWidgetMessage

Ambos modos pueden coexistir en la misma aplicación. Por ejemplo, una aplicación de entrenamiento puede utilizar una Actividad en vivo de SVG para controles de marco rápido/tiempo y una sesión de widget nativo completa para un widget de pantalla de inicio con un diseño de layout nativo más rico.

Las plantillas SVG incluyen los elementos necesarios para superficies de widget interactivas:

  • frames variantes de SVG nombradas tales como summary, timer, o details.
  • frameMutations pulsar, cambiar, o avanzar por marcos después de una acción de hotspot.
  • timerMutations comenzar, pausar, reanudar, cambiar, resetear, detener, o cambiar la duración del temporizador.
  • patches actualiza el estado JSON utilizando valores literales, plantillas, timestamps, incrementos, pestañas o operaciones de eliminación.
  • hotspots asigna áreas de toque a identificadores de acción.
  • listTemplateEvents permite que la aplicación procese acciones originadas por widgets más tarde.

La ejecución resuelve los reemplazos como __CAPGO_KEEP_0__, , y antes de que el puente nativo devuelva una superficie para la renderización. {{state.title}}, {{timers.rest.remainingText}}Capacidades del Puente Nativo Completo {{meta.template.kind}} Título de la sección “Capacidades del Puente Nativo Completo”

Las sesiones de código completo son para widgets que renderizan su propia interfaz de usuario de manera nativa:

crea un estado compartido y metadatos para el widget nativo __CAPGO_KEEP_0__.

combina o reemplaza el estado y marca la sesión activa de nuevo.

  • startWidgetSession creates shared state and metadata for native widget code.
  • updateWidgetSession Full-Native Bridge Capabilities
  • stopWidgetSession Section titled “Full-Native Bridge Capabilities”
  • sendWidgetMessage queues app-to-widget o widget-to-app trabajo.
  • acknowledgeWidgetMessages marca mensajes como recibidos.
  • completeWidgetMessage almacena una respuesta o fracaso para trabajos asíncronos.

Los mensajes son idóneos después de la finalización: reintentar un mensaje completado o fallido devuelve el resultado existente en lugar de sobrescribirlo.

MétodoDescripción
areActivitiesSupportedVerificar si la puente de actividad de plantilla nativa puede ejecutarse en el dispositivo actual.
startTemplateActivityPersistir una plantilla de actividad SVG y iniciar la puente de Live Activity nativa.
updateTemplateActivitySustituir la definición de actividad, estado o abrir una URL.
endTemplateActivityFinalizar una actividad en ejecución y opcionalmente persistir una instantánea de estado de una sola vez.
performTemplateActionEjecutar parches declarativos, mutaciones de marco, mutaciones de temporizador y registro de eventos.
getTemplateActivityLeer una actividad de plantilla almacenada.
listTemplateActivitiesListar todas las actividades de plantilla almacenadas.
listTemplateEventsLeer eventos de acción emitidos por acciones de plantilla.
acknowledgeTemplateEventsMarcar eventos de plantilla como procesados.
startWidgetSessionIniciar una sesión de widget nativo completo respaldado por un estado JSON compartido.
updateWidgetSessionUnir o reemplazar el estado de sesión de widget nativo completo.
stopWidgetSessionDetener una sesión de widget nativo completo y opcionalmente persistir el estado final.
getWidgetSessionLeer una sesión de widget nativo completo.
listWidgetSessionsListar todas las sesiones de widget nativo completo.
sendWidgetMessageColar un mensaje entre la aplicación y el widget nativo code.
listWidgetMessagesListar mensajes de puente programados.
acknowledgeWidgetMessagesMarcar mensajes de puente como reconocidos.
completeWidgetMessageCompletar o fallar un mensaje de puente asíncrono.
getPluginVersionDevuelve el marcador de versión de implementación de plataforma.

El plugin también envía ayudantes nativos para objetivos de widget:

  • CapgoTemplateWidgetBridge resuelve una superficie de plantilla SVG en svg, frameId, hotspots, y metadatos.
  • CapgoTemplateActionIntent conecta botones de widget iOS interactivos a acciones de plantilla.
  • CapgoNativeWidgetBridge carga sesiones y mensajes full-nativos desde widget nativo code.
  • Los ayudantes de plantilla de Android proporcionan comportamiento de recepción de acción y puente de widget coincidente.

La referencia API se sincroniza desde src/definitions.ts en el repositorio del plugin.

Sigue adelante desde @capgo/capacitor-kit-de-widget

Sección titulada “Sigue adelante desde @capgo/capacitor-kit-de-widget”

Si estás utilizando @capgo/capacitor-kit-de-widget para planificar la automatización de CI/CD, conecta con Usando @capgo/capacitor-kit-de-widget para la capacidad nativa en Usando @capgo/capacitor-kit-de-widget, Capgo CI/CD para el flujo de trabajo del producto en Capgo CI/CD, Capgo Compilaciones nativas para el flujo de trabajo del producto en Capgo Compilaciones nativas, Capgo Integraciones para el flujo de trabajo del producto en Capgo Integraciones, y Integración CI/CD para el detalle de implementación en Integración CI/CD.