Usar temas modernos en aplicaciones de lienzo (versión preliminar)

[Este artículo es un documento preliminar y está sujeto a modificaciones.]

Los temas modernos, que son conjuntos de estilos preestablecidos, pueden transformar el aspecto de su aplicación. Estos temas, basados ​​en el lenguaje de diseño Fluent de Microsoft, modifican varios aspectos de estilo, como el color, la tipografía, los bordes y las sombras, garantizando una interfaz visualmente agradable y consistente. La temática moderna agiliza el proceso de personalización, lo que permite a los creadores diseñar sin esfuerzo una aplicación con un atractivo visual unificado y consistente.

Importante

• Esta es una característica en versión preliminar.
• Las características en vista previa no se han diseñado para un uso de producción y pueden tener una funcionalidad restringida. Estas características están disponibles antes del lanzamiento oficial para que los clientes puedan tener un acceso anticipado y proporcionar comentarios.

Requisitos previos

Para usar temas modernos, debe habilitarlo. Más información, vea Habilite controles y temas modernos para su aplicación.

Nota

Cuando los controles y temas modernos están habilitados, no podrá seleccionar temas clásicos desde la barra de comandos. Para usar los temas clásicos retirados, deberá habilitar la configuración Mantener temas clásicos de aplicación retirada.

Crear un tema

Hay varios temas listos para usar disponibles para diseñar su aplicación. También puede diseñar su propio tema para una estética visual más personalizada.

1. En el menú de creación de aplicaciones, seleccione > Temas.
2. En el panel Temas, seleccione Agregar un tema.
3. En el cuadro de diálogo Crear un tema, introduzca la siguiente información:
   • Nombre del tema: el nombre del tema debe ser único.
   • Fuente: elija la fuente predeterminada que usarán los controles de la aplicación cuando se aplique el tema.
   • Color inicial: seleccione el color en el que desea basar su tema o ingrese manualmente la representación hexadecimal o RGB del color. El sistema genera una paleta de 16 espacios optimizada para la accesibilidad.
   • Tono/Vibrancia: ajusta la paleta de generación, especialmente los colores más claros, con el Tono y Vibrancia . controles deslizantes. El Tono afecta el tono del color y la vibración afecta el silencio o el brillo de la paleta.
4. Opcionalmente, mire la vista previa estática de su nuevo tema. Puede interactuar con los controles de muestra para ver cómo se aplica su tema al estado de reposo y a varios estados de interacción.
5. Seleccione Crear.

Su nuevo tema se crea y se aplica a su aplicación.

Aplicar un tema moderno

1. En el menú de creación de aplicaciones, seleccione > Temas.
2. En el panel Temas, seleccione uno de los temas predeterminados.

Cuando se selecciona un tema moderno, el estilo del tema se aplica automáticamente a los controles de su aplicación. Esta acción establece la propiedad App.Theme.

Nota

Los temas modernos ahora impactan los controles clásicos al establecer propiedades en los controles clásicos con fórmulas Power Fx que hacen referencia a variables del tema moderno.

Editar un tema

Puede editar el tema y cambiar uno o más parámetros del tema personalizado.

1. En el menú de creación de aplicaciones, seleccione > Temas.
2. En el panel Temas, busque el mosaico correspondiente al tema que desea editar y seleccione Opciones > Editar.
3. En el panel Editar tema, ajuste el tema según sea necesario.

Nota

No puede editar los temas listos para usar.

Eliminar un tema

Si decide que ya no necesita un tema personalizado en su aplicación, puede eliminarlo.

1. En el menú de creación de aplicaciones, seleccione > Temas.
2. En el panel Temas, busque el tema que desea editar y luego seleccione (...) Opciones > Eliminar.
3. En el cuadro de diálogo de confirmación, seleccione Eliminar tema.

Si tiene alguna fórmula de Power Fx que haga referencia a este tema en su aplicación, deberá actualizar la fórmula manualmente.

Nota

No puede eliminar los temas listos para usar.

Usar temas con Power Fx

Los objetos de temas modernos están disponibles para que los utilicen los creadores a través de Power Fx. El objeto de tema actualmente activo puede ser referenciado por App.Theme y cualquier tema cargado en la aplicación puede ser referenciado por su nombre de instancia como Tema rojo. Le recomendamos que haga referencia al objeto del tema usando App.Theme para asegurarse de que las selecciones de color se adapten a los cambios del tema.

Cada objeto de tema incluye la información siguiente:

• Name: el nombre del tema.
• Colores: Una colección de los 16 colores que componen la rampa de la marca para el tema. Cada color en esta rampa es accesible individualmente por nombre.

La imagen muestra las variables de ranura dentro de la colección Colors y, como ejemplo, los colores correspondientes para el tema Steel.

Con la rampa de marca de tema, puede diseñar manualmente un control clásico basado en el tema moderno actual, como Button.Fill = App.Theme.Colors.Primary.

Nota

Para proporcionar comentarios, consulte: Proporcione sus comentarios a Microsoft.

Consulte también

Publicación de blog sobre controles modernos