Compartir a través de


Implementación de un componente API de temática moderna

Este componente de muestra muestra casos de uso para utilizar las capacidades modernas de la API de temas para diseñar su componente según el tema actual utilizado en su aplicación. Los componentes importados se adhieren al tema moderno predeterminado de Power Apps inicialmente, hasta que habilite controles y temas modernos para su aplicación y aplicar un tema moderno.

Tema azul del componente API de temática moderna

Tema rojo del componente API de temática moderna

Tema verde del componente API de temática moderna

Disponible para

Aplicaciones de lienzo y basadas en modelos

Código

El componente de muestra muestra cuatro ejemplos diferentes que consumen la API de temática moderna de Power Apps.

  • Muestra de Fluent v9 con aplicación automática del tema moderno actual: Controles de Fluent UI v9
  • Muestra de Fluent v8 que se diseña a sí mismo creando su propio ThemeProvider v8 basado en los tokens de tema v9 pasados ​​a través de los parámetros de contexto de PCF: Controles de Fluent UI v8
  • Muestra no fluida que aplica estilo a sus elementos HTML haciendo referencia directa a tokens de tema v9 pasados a través de los parámetros de contexto de PCF: Controles de interfaz de usuario no fluida
  • Muestra de Fluent v9 creando su propio FluentProvider v9 personalizado modificando el tema pasado a través de los parámetros de contexto de PCF. Proveedores de temas personalizados

Puede descargar el componente de muestra desde PowerApps -Muestras/marco-de-componentes/FluentThemingAPIControl.

Descargar componentes de ejemplo
¿Cómo usar los componentes de ejemplo?
Referencia de la API de Power Apps component framework
Componentes de estilo con temática moderna (vista previa)
Referencia de temas
Usar temas modernos en aplicaciones de lienzo (versión preliminar)
Descripción general de los controles y temas modernos en las aplicaciones de lienzo

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).