Share via


Adicionar componentes de tela a uma página personalizada para seu aplicativo baseado em modelo

Este artigo descreve o uso de componentes de tela com pouco código para criar a experiência do usuário personalizada para uma página personalizada, utilizando o recurso de biblioteca de componentes de tela compartilhados. Para a primeira extensibilidade da experiência do usuário personalizada do código, consulte Adicione componentes de código a uma página personalizada para seu aplicativo baseado em modelo.

Importante

As páginas personalizadas são um novo recurso com mudanças significativas no produto e atualmente têm uma série de limitações conhecidas descritas em Problemas Conhecidos da Página Personalizada.

Observação

  • A página personalizada atualmente oferece suporte a um conjunto limitado de controles e apenas os controles atualmente compatíveis devem ser usados para criar componentes de tela para a página personalizada.

  • Controles modernos atualmente têm suporte apenas com páginas personalizadas e não com aplicativos de tela autônomos. Certifique-se de que a configuração experimental de controle moderno seja usada apenas para bibliotecas de componentes usadas com páginas personalizadas.

Os componentes de tela fornecem aos fabricantes de aplicativos a capacidade de criar componentes personalizados em um estilo com pouco código. Esses componentes não só podem ser reutilizados em páginas e aplicativos personalizados, mas também podem ser atualizados, empacotados e movidos centralmente usando soluções do Microsoft Dataverse. Para obter mais informações: Criar um componente para aplicativos de tela

Como a criação de página personalizada é limitada a apenas uma página, os componentes da tela só podem ser criados dentro de uma biblioteca de componentes. Isso é diferente dos aplicativos de tela independentes, que têm a capacidade de criar componentes no nível do aplicativo.

Criar um componente de tela usando a biblioteca de componentes

Você pode criar uma biblioteca de componentes ou editar uma existente na área Soluções ou na guia Bibliotecas de componentes na área Aplicativos. Criar ou editar biblioteca de componentes.

Criar um componente de tela para usar em uma página personalizada

Esta seção explica como criar um componente de tela que pode ser usado em uma página personalizada.

Habilitar controles modernos para a biblioteca de componentes

Primeiro, habilite a configuração Controles modernos no designer do aplicativo de tela. Para isso, acesse Arquivo > Configurações > Recursos futuros > Experimental.

Caixa de diálogo de configurações para habilitar controles modernos

Certifique-se de que somente o conjunto de controles com suporte seja usado para criar componentes para a página personalizada.

Criar um componente de tela

Uma vez que os controles modernos estão habilitados, agora você pode criar os componentes desejados dentro da biblioteca e publicá-los assim que os componentes estiverem prontos.

Criar um componente de tela.

Importar e usar um componente de tela em uma página personalizada

As páginas personalizadas podem usar os componentes da biblioteca de componentes de tela criada ou importada no ambiente atual. Você pode selecionar Obter mais componentes na parte inferior da área de navegação à esquerda do controle de adição.

Importar um componente de tela.

O componente de tela está disponível na seção Componentes da biblioteca e pode ser adicionado à página personalizada.

Adicione o componente de tela à página personalizada.

Atualizações de componentes para a página personalizada

Quando o componente é adicionado à página personalizada por meio da biblioteca de componentes, ele mantém a referência à biblioteca. Quando o proprietário da biblioteca publica a versão mais recente da biblioteca com componentes atualizados, a página personalizada em linha com o aplicativo de tela exibe uma mensagem de atualização disponível. Esta mensagem é exibida quando a página personalizada é aberta para edição.

Atualize a mensagem quando a biblioteca for atualizada.

Selecione Revisar para revisar as atualizações e, em seguida, selecione OK para atualizar o componente com as alterações mais recentes da biblioteca de telas.

Observação

Páginas personalizadas individuais presentes em um aplicativo baseado em modelo devem ser abertas individualmente para edição dentro do estúdio de aplicativos de tela para obter as atualizações mais recentes da biblioteca de componentes compartilhados.

Componente atualizado na página personalizada

Agora você pode publicar a página personalizada e o aplicativo baseado em modelo para obter as alterações mais recentes refletidas.

Recursos adicionais de componentes de tela

Você pode avaliar e usar exemplos de componentes de tela da Microsoft e outros desenvolvedores da comunidade do Power Apps, que estão hospedados na galeria de componentes de aplicativos de tela.

Galeria de componentes de tela

Consulte também

Visão geral da página personalizada do aplicativo baseado em modelo

Adicionar uma página personalizada ao seu aplicativo baseado em modelo

Usar o PowerFx em uma página personalizada

Visão geral dos conectores do Power Apps

Adicionar conexão de dados no designer de tela