Compartir a través de


Microsoft Visual Studio( Versión preliminar de tarjeta adaptable de Microsoft)

Adaptive Card Previewer, integrado con microsoft Teams Toolkit for Visual Studio, permite vistas previas en tiempo real de tarjetas adaptables creadas para bots de Microsoft Teams. Puede abrir una vista previa en paralelo de la tarjeta adaptable para observar los cambios en directo, cambiar entre diferentes temas y refinar los diseños para garantizar que sean precisos y eficaces.

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 un ejemplo de tarjeta adaptable en el panel derecho.

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

  • 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 a una plantilla, que genera un archivo vacío donde puede enlazar datos a la plantilla de tarjeta adaptable.

  • 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 y elimina la necesidad de cambiar constantemente entre herramientas. Puede crear un bot o una extensión de mensaje 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 el previewer de tarjeta adaptable.

  • 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:

Tarjeta adaptable en versión preliminar

Puede usar un archivo de plantilla de tarjeta adaptable existente o descargar el ejemplo de tarjeta adaptable.

  1. Abra un archivo de plantilla de tarjeta adaptable existente o un archivo de plantilla de tarjeta adaptable desde el ejemplo descargado en Visual Studio.

  2. En el archivo de plantilla tarjeta adaptable, en la esquina superior izquierda, seleccione Vista previa.

    Captura de pantalla que muestra la opción para seleccionar la opción de vista previa para abrir una vista previa de la tarjeta adaptable en el panel derecho.

    Se abre una vista previa de la tarjeta adaptable en el panel derecho. Puede seleccionar el tema de la versión preliminar en la lista desplegable Tema .

Vea también

Diseñar tarjetas adaptables