Usar componentes de tematización

Una pregunta frecuente de las organizaciones en las que los creadores crean aplicaciones de lienzo es la capacidad de aplicar temas y, en concreto, la capacidad de crear aplicaciones que coincidan con la marca de la organización. Los activos de esta solución le ayudarán a crear, administrar y compartir temas. Más información: Configurar componentes de tematización

Utilice componentes temáticos para crear y administrar temas para aplicaciones de lienzo. Un tema contiene una colección de estilos que definen múltiples propiedades de diseño para controles y componentes, como colores, fuentes y bordes. Estos estilos se aplican luego automáticamente a los controles y componentes cuando los fabricantes usan la aplicación de plantilla temática para crear una nueva aplicación; los controles y componentes se tematizan automáticamente.

Los componentes temáticos ayudan a garantizar que los fabricantes puedan centrarse en lo que importa, la lógica de negocios y el problema que intentan resolver, y los usuarios pueden tener una experiencia uniforme al usar aplicaciones.

Este es un desglose de los activos que forman la solución de componentes temáticos:

• Aplicación de edición de temas
• Aplicación Galería de temas
• Compartido biblioteca de componentes

Tablas

Tema

Representa un tema personalizado creado con la Aplicación Editor de temas.

Estilo

Representa las propiedades de estilo correspondientes a un tema creado con la Aplicación Editor de temas. Los colores, los bordes y las fuentes se almacenan en esta tabla.

Aplicaciones

Editor de temas

La aplicación Editor de temas permite a los diseñadores crear y administrar temas. Un tema contiene una colección de estilos que define múltiples propiedades de diseño para controles y componentes, como colores, fuentes y bordes.

Permiso: Compartir Editor de temas con sus diseñadores creando temas.

Requisito previo: Esta aplicación utiliza Microsoft Dataverse; por lo tanto, se requiere una licencia Premium para cada usuario de la aplicación.

Nota

Si ha habilitado recientemente el uso de componentes de código en el entorno, es posible que deba editar y volver a publicar el Editor de temas para mostrar los componentes correctamente.

El Editor de temas proporciona una descripción general de los temas existentes y los usuarios pueden editar un tema o crear uno nuevo.

Utilice los estilos (selector de color, selector de fuentes) para crear el estilo y ver una vista previa en tiempo real del tema mientras edita diversos colores, fuentes y tamaños.

Una vez que haya terminado de crear el tema, seleccione Publicar tema. Aquí, los diseñadores de temas deberán actualizar los archivos AppTemplatePhone.msapp y AppTemplateTablet.msapp y cargarlos. Este paso garantiza que la plantilla de la aplicación esté lista para que la utilicen los fabricantes.

Actualizar archivos .msapp

1. Copie la fórmula Set(ThemeName, "Your Theme Name") a su portapapeles o Bloc de notas.
2. Vaya a make.powerapps.com y luego vaya a su entorno CoE donde está instalada la solución temática.
3. En el panel izquierdo, seleccione Soluciones.
4. Seleccione la solución temática Centro de excelencia.
5. Edite la aplicación de lienzo AppTemplatePhone.
6. Seleccione Aplicación>OnStart y reemplace la primera línea de la fórmula con la nueva fórmula que copió del Editor de temas. Asegúrese de no reemplazar ninguna otra fórmula en la función OnStart función y de que la línea termina en un punto y coma.
7. Seleccione Archivo>Guardar como>Este ordenador para guardar el archivo localmente.
8. Descargue el archivo.

Complete los mismos pasos para la aplicación de lienzo AppTemplateTablet.

Vuelva a la aplicación Editor de temas y cargue los archivos de plantilla que acaba de descargar.

Seleccione Completar para publicar el tema en la aplicación Galería de temas.

Galería de temas

Los fabricantes de aplicaciones pueden usar la aplicación Galería de temas para explorar los temas existentes y descargar una aplicación de plantilla correspondiente en el diseño de teléfono (AppTemplatePhone.msapp) o tableta (AppTemplateTablet.msapp).

Permiso: Compartir la Galería de temas con los creadores de su organización.

Requisito previo: Esta aplicación utiliza Dataverse; por lo tanto, se requiere una licencia Premium para cada usuario de la aplicación.

Los creadores pueden obtener una descripción general y explorar los temas disponibles

La vista detallada del tema proporciona una vista previa con todos los estilos aplicados a los controles y componentes nativos.

Los creadores de aplicaciones pueden descargar la plantilla correspondiente al diseño que elijan.

Usar la plantilla

Crear una aplicación nueva basada en la plantilla.

1. Vaya a make.powerapps.com.
2. Seleccione Nueva>Aplicación de lienzo.
3. Seleccione ...>Abrir>Examinar archivos y luego seleccione el archivo de plantilla descargado de la galería de temas.
4. Una vez que se abre, el tema se aplicará automáticamente a los controles o componentes que agregue a la pantalla.

Componentes

Biblioteca compartida de componentes

Las bibliotecas de componentes proporcionan un repositorio centralizado y administrado de componentes para su reutilización. Las bibliotecas de componentes son la forma recomendada de compartir componentes entre aplicaciones.

La biblioteca de componentes compartidos de la solución de componentes temáticos contiene un componente Encabezado, TabControl y PreLoader. La biblioteca de componentes compartidos no se puede editar. Haga una copia de la biblioteca antes de expandirla.

Permiso: Compartir el biblioteca de componentes compartido con los creadores de su organización. Cuando los fabricantes utilizan los mismos componentes para crear sus aplicaciones, ayudan a garantizar una apariencia coherente en todas las aplicaciones de su organización.

Para que un componente también use el tema, los fabricantes deberán actualizar la propiedad Estilo y establecerla en ComponentStyles. ComponentStyles es una colección de estilos especialmente formateados para componentes y se inicializa como parte del código de inicio de la aplicación.