Agregue componentes de lienzo a una página personalizada para su aplicación basada en modelos

Artículo
03/16/2023

Este artículo describe el uso de componentes de lienzo de código bajo para crear una experiencia de usuario personalizada para una página personalizada utilizando la capacidad de biblioteca de componentes de lienzo compartido. Para la primera extensibilidad de UX personalizada de código, consulte Agregar componentes de código a una página personalizada para su aplicación basada en modelos.

Importante

Las páginas personalizadas son una nueva característica con cambios significativos en el producto y actualmente tienen una serie de limitaciones conocidas descritas en Problemas conocidos de la página personalizada.

Nota

La página personalizada admite actualmente un conjunto limitado de controles y solo los controles admitidos actualmente deben usarse para crear componentes de lienzo para la página personalizada.
Actualmente los controles modernos solo se admiten con páginas personalizadas, no con aplicaciones de lienzo independientes. Asegúrese de que la configuración experimental de control moderno se use solo para las bibliotecas de componentes que se usan con páginas personalizadas.

Los componentes de lienzo brindan a los creadores de aplicaciones la capacidad de crear componentes personalizados con un código bajo. Estos componentes no solo se pueden reutilizar en páginas y aplicaciones personalizadas, sino que también se pueden actualizar, empaquetar y mover de forma centralizada mediante soluciones Microsoft Dataverse. Más información: Crear un componente para aplicaciones de lienzo

Dado que la creación de páginas personalizadas se limita a una sola página, los componentes del lienzo solo se pueden crear dentro de una biblioteca de componentes. Esto es diferente de las aplicaciones de lienzo independientes, que tienen la capacidad de crear componentes a nivel de la aplicación.

Cree un componente de lienzo utilizando la biblioteca de componentes

Puedes crear una biblioteca de componentes nueva o editar una existente desde el área Soluciones o la pestaña Bibliotecas de componentes en la zona Aplicaciones. Crear o editar biblioteca de componentes.

Cree un componente de lienzo para usar en una página personalizada

Esta sección explica cómo crear un componente de lienzo que puede usar en una página personalizada.

Habilite controles modernos para la biblioteca de componentes

Primero, habilite la configuración Controles modernos en el diseñador de la aplicación de lienzo. Para hacer esto, vaya a Archivo > Configuración > Próximas funciones > Experimental.

Cuadro de diálogo de configuración para habilitar controles modernos

Asegúrese de que solo el conjunto de controles compatible se utiliza para crear componentes para una página personalizada.

Crear un componente de lienzo

Una vez que los controles modernos estén habilitados, ahora puede crear los componentes deseados dentro de la biblioteca y publíquelos una vez que los componentes estén listos.

Crear un componente de lienzo.

Importar y usar un componente de lienzo en una página personalizada

Las páginas personalizadas pueden utilizar los componentes de la biblioteca de componentes de lienzo creados o importados en el entorno actual. Puede elegir Obtener más componentes en la parte inferior del área de navegación izquierda de agregar control.

Importar un componente de lienzo.

El componente de lienzo está disponible en la sección Biblioteca de componentes y se puede agregar a la página personalizada.

Agregar componentes a una página personalizada.

Actualizar componentes en la página personalizada

Cuando el componente se agrega a la página personalizada a través de la biblioteca de componentes, mantiene la referencia a la biblioteca. Cuando el propietario de la biblioteca publica la versión más reciente de la biblioteca con componentes actualizados, la página personalizada en línea con la aplicación de lienzo muestra un mensaje de actualización disponible. Este mensaje se muestra cuando se abre la página personalizada para editarla.

Mensaje de actualización cuando se actualiza la biblioteca.

Seleccione Revisión para revisar las actualizaciones y luego seleccione Aceptar para actualizar el componente con los últimos cambios de la biblioteca de lienzo.

Nota

Las páginas personalizadas individuales presentes en una aplicación basada en modelos deben abrirse individualmente para editarlas dentro de Canvas App Studio para obtener las últimas actualizaciones de la biblioteca de componentes compartidos.

Componente actualizado en la página personalizada

Ahora puede publicar la página personalizada y la aplicación basada en modelos para que se reflejen los últimos cambios.

Recursos de componentes de lienzo adicionales

Puede evaluar y utilizar muestras de componentes de lienzo de Microsoft y otros desarrolladores de la comunidad de Power Apps, que se alojan en la Galería de componentes de la aplicación de lienzo.

Galería de componentes de lienzo