Compartir a través de


Microsoft Adaptive Card Previewer

Nota:

Adaptive Card Previewer está disponible en versión preliminar para desarrolladores públicos.

Microsoft Adaptive Card Previewer le permite obtener una vista previa de las tarjetas adaptables al refinar los diseños. Funciona con el kit de herramientas de Teams, le permite obtener una vista previa de las tarjetas adaptables creadas para el bot de Teams y la extensión de mensajes. Puede abrir una vista previa en paralelo para observar los cambios en directo y cambiar entre diferentes temas.

Captura de pantalla que muestra la extensión de visual Studio Code de la extensión de vista previa de tarjeta adaptable.

Exploración del previewer de tarjeta adaptable

Adaptive Card Previewer proporciona soluciones más rápidas y confiables para obtener una vista previa de los diseños de tarjeta adaptable. Adaptive Card Previewer admite las siguientes características:

  • Integración del kit de herramientas de Teams: habilita la instalación Just-In-Time (JIT) de Adaptive Card Previewer al actualizar las tarjetas adaptables generadas a partir de un proyecto del kit de herramientas de Teams.

    Captura de pantalla que muestra una vista previa de ejemplo de una tarjeta adaptable al actualizar una tarjeta adaptable.

  • Vista previa instantánea: permite obtener una vista previa de las tarjetas adaptables en el editor de Visual Studio Code a través de CodeLens o la paleta de comandos.

    Puede seleccionar Sugerencia de tarjeta adaptable en vista previa en el archivo de plantilla tarjeta adaptable para obtener una vista previa de la tarjeta adaptable en el panel derecho.

    El gráfico muestra cómo aparece la vista previa en la extensión de vista previa de tarjeta adaptable en Visual Studio Code.


  • Separación de datos: permite separar los datos del diseño en un lenguaje de plantilla de tarjeta adaptable. Use el comando Adaptive Card: New Data File para agregar un archivo de datos para una plantilla, que genera un archivo vacío donde puede enlazar datos a la plantilla de tarjeta adaptable.

  • Configuración predeterminada del tema: permite establecer un tema predeterminado a través de la configuración de extensión de Visual Studio Code Adaptive Card Previewer: Tema predeterminado.

    Captura de pantalla que muestra cómo configurar el tema predeterminado mediante la configuración de la extensión de Visual Studio Code.

  • Cambiar temas: permite cambiar entre temas claros, oscuros y de contraste alto para obtener una vista previa de las tarjetas adaptables.

    El gráfico muestra la vista previa de la tarjeta adaptable en temas claros, oscuros y de contraste alto.

Ventajas

Adaptive Card Previewer ofrece las siguientes ventajas:

  • Actualizaciones rápidas: permite obtener una vista previa de los diseños de tarjeta adaptable dentro de su entorno de desarrollo integrado, lo que elimina la necesidad de cambiar constantemente entre herramientas. Puede crear un bot o una extensión de mensajería con Teams Toolkit, abrir el archivo de metadatos de tarjeta adaptable y usar CodeLens o un comando específico para obtener una vista previa de la tarjeta. Cualquier actualización o cambio en la tarjeta se refleja al instante a través de la característica Recarga activa en la versión preliminar.

  • Versiones preliminares confiables: usa la misma pila de representación que Teams y Outlook para garantizar que los resultados de vista previa precisos y coherentes se alineen con la representación real de la tarjeta.

Limitaciones

Adaptive Card Previewer no admite las siguientes características de tarjeta adaptable:

Preguntas frecuentes

¿Por qué tenemos que usar una nueva extensión en Visual Studio Code? ¿No se puede integrar esta extensión en Teams Toolkit for Visual Studio Code?

Adaptive Card Previewer es una extensión independiente porque usa un paquete de código cerrado para representar las tarjetas adaptables con el fin de garantizar una lógica de representación coherente con la plataforma teams. Teams Toolkit es un proyecto de código abierto y no incluye dependencias en paquetes a los que los desarrolladores de terceros no pueden acceder.
 

¿Esta extensión admite todas las características de tarjeta adaptable en la plataforma teams?

No. Hay varias limitaciones que la extensión Adaptive Card Previewer no admite.
 

Vea también

Diseñar tarjetas adaptables